In between professional projects, I enjoy creating exercises to help practice and try different style guides compared to the companies I have worked for. 

This is a personal project with the objective of creating a webpage inspired by online databases such as ProtonDB, SteamDB, and MacGamingHQ for Games utilizing Whisky on Mac OS. 

I used this project to see how well I could emulate and follow the visual style of Whisky's website and incorporate elements from sites like ProtonDB. 

Before starting my design process, I reviewed both getwhisky.app & protondb.com to see what elements my site should contain and what visual elements I should aim to replicate.

The core elements of the page needed to be: 

(1) Search bar for the database

(2) List of newly added or trending games

(3) Additional important information such as guides, blogs, set up instructions

(4) Frequently Asked Questions 

After taking notes and planning what information should be on the page, I moved on to creating low fidelity wireframes to help plan out the hierarchy of the site and how content should be arranged. 

Once the wireframe had been completed, I moved on to creating the high-fidelity mock up. I adopted a similar color palette and typography to get the getwhisky.app site and followed a similar minimalistic theme. 

Overall, I am happy with the end results of this UI exercise. The mockup does fit in with the getwhisky.app site and would be a great addition to help users find how well different games perform using the technology.