UI Mockups

In my free time (and in some of my projects), I work on the User Interface. Additionally, I like to make mockups and redesigns for certain tools, softwares and websites.

Google Stadia Mockup:
'God of War' as a suggestion on the front page
'God of War' as a suggestion on the front page
'Spyro' as a suggestion on the front page
'Spyro' as a suggestion on the front page
'Assassin's Creed Odyssey' as a suggestion on the front page
'Assassin's Creed Odyssey' as a suggestion on the front page
'Forza Horizon 4' as a suggestion on the front page
'Forza Horizon 4' as a suggestion on the front page
The 'Explore' section in which all available titles are displayed
The 'Explore' section in which all available titles are displayed
The 'My Games' section which acts as a library
The 'My Games' section which acts as a library
Before Google Stadia was released, I wanted to explore a concept I had in mind for its User Interface. 
First off, I started gathering references from other digital rentalservices, such as Netflix and Amazon Prime. Based on these designs, I created the first layouts and instantly started to like them.
My main focus for this mockup was simplicity - I wanted to have bold images and a constant representation of Stadias color-scheme.
The first 4 images show the EXPLORE-section in which the top 4 matches for the user will be displayed (this could also include the last played game as the first suggestion).
The fifth screenshot shows the BROWSE-section in which a list of all available titles will be displayed in a grid view. Owned/played titles would be displayed with a checkmark-symbol.
The last image shows the MY GAMES-section. In here, all previously played titles will be displayed in a carousel-style.
Unreal Engine Re-design Mockup:
The 'old' version - what UE4 looks like right now
The 'old' version - what UE4 looks like right now
My updated version of UE4
My updated version of UE4
When I started using Unreal Engine 4, I fell in love with the power that it provided to developers.
However after using it for a longer time, getting used to its quirks and somewhat clunky interfaces, I decided that I wanted to tackle what a redesign would look like for me.
First off, I reduced all the rounded shapes to squares. Additionally, I completely removed the 3d-effects that a lot of the elements in the user interface had, as well as a lot of graphical elements which were absolutely obsolete.


Guitar Hero-esque Mobile Game Mockup:
Layout Pass #1
Layout Pass #1
Variant of Pass #1
Variant of Pass #1
Song Selection Screen
Song Selection Screen
Different Layout/Elements
Different Layout/Elements
Dark Design Variant
Dark Design Variant
After playing a lot of Guitar Hero again, I wanted to make a mockup for how I think a mobile version could look like, especially with a less rock-y design, but rather a simplistic design.
The focus was on having a neutral background and having the foreground-elements pop with nice colors, like the notes in the mockups.
One challenge was to design the fret-board in the center where the player would actually click the incoming notes. One of my options was to make a different design for it, but I simply but a light divider above it to clearly separate it from the rest of the screen and gave the buttons a different look - the missing circle in it is exactly the size of the incoming notes, so when a note overlaps perfectly, the button will fully be filled and the player knows when to touch it.