Master Game
A store built for browsing
A UI concept for a gaming website selling consoles and games. The goal was a dark, immersive interface that fits the gaming atmosphere while keeping the shopping experience clear and easy to use, with a purple-accented palette and enough contrast that buttons, prices and calls to action stand out against the dark. Five pages cover the full flow from browsing to purchase.
Read this case study as text
Project overview
This project is a UI concept design for a gaming website focused on selling consoles and games. The goal was to create a dark, immersive interface that fits the gaming atmosphere while keeping the shopping experience clear and easy to use. I used a dark colour palette with purple accents to give the interface a modern, tech-driven and slightly futuristic feel. The contrast between dark backgrounds and bright highlights helps important elements like buttons, prices and calls to action stand out. Several key pages were designed, including the Home page, Product page, Checkout, Contact and Card page, to cover the full user flow from browsing to purchasing.
Designing for undecided buyers
Most people arriving at a games store are browsing rather than searching for a specific model. The home page is built around that: a row of console offers, a curated Top Games Selected shelf, a seasonal sale banner and a Last Updated Games row, so there is always something to look at next without using search.
The product card
Every card shows the product, its original price struck through, its current price and an add-to-cart button, all in one glance. Nothing is hidden behind a hover or a second click. The card is the unit the whole catalogue is built from, so its hierarchy mattered more than any single page.
The product page
The detail page answers the questions a buyer asks before committing: what it is, what it costs, which colour and category it belongs to, what it actually does, and the technical specifications, with the review count beside the title as a trust signal. The add-to-cart action stays in reach next to the description rather than at the foot of the page.
Working on a dark interface
A dark palette suits the subject but makes contrast harder to get right: too little and prices disappear, too much and everything shouts. The purple accent is reserved for what should be clicked, which is why the buttons and prices read first on every screen.