![galleria-thumb.png](https://images.squarespace-cdn.com/content/v1/561e201ce4b0ee354643aeae/1534165123390-9W427G826K9KO27CMA2A/galleria-thumb.png)
Galleria Game Master
UX/UI Design for Gaming laptop website
![UX/UI Design](https://images.squarespace-cdn.com/content/v1/561e201ce4b0ee354643aeae/1534159328424-H8JBH8L4XCF50UX7GNL8/galleria-header.png)
UX/UI Design
Galleria “Gamemaster” gaming PC website re-design.
![Starting with the User Experience](https://images.squarespace-cdn.com/content/v1/561e201ce4b0ee354643aeae/1534292964194-XGQDQJU4HKI5TK1ZXFRF/galleria-flows.png)
Starting with the User Experience
The first thing we looked at when approaching this project was the navigational architecture and user flow.
![Approaching the UI Design](https://images.squarespace-cdn.com/content/v1/561e201ce4b0ee354643aeae/1534159998273-EN6AK05DU37A1ZCD6LHM/Gamemaster-01.png)
Approaching the UI Design
When approaching the visual side, I wanted to match the technical brevity that competing products were using in order to hold the interest of PC newbies
![Gamemaster-02.png](https://images.squarespace-cdn.com/content/v1/561e201ce4b0ee354643aeae/1534160041541-KQ293OFEU8UY6BJPZ6YQ/Gamemaster-02.png)
![UI Process](https://images.squarespace-cdn.com/content/v1/561e201ce4b0ee354643aeae/1534160068124-OW44PNPY253J5FN1M6WE/Gamemaster-04.png)
UI Process
Since the "Gamemaster" series had a price point aimed at beginners, it was important to summarize and highlight features.
![Gamemaster-03.png](https://images.squarespace-cdn.com/content/v1/561e201ce4b0ee354643aeae/1534160031372-DIDT5R7KMN0HDEI94KN4/Gamemaster-03.png)