Racing Game Project
Here is a personal project that I have created, where I tasked myself to design user interfaces for a potential racing game that focuses on Motorsport. For this project, I designed and created the interfaces for the main menu, the controls menu, my garage interface and the in-game UI. By focusing on these sections, I hoped to showcase a variety of interfaces and establish a visual style for the game.
My basic workflow for this project was to first research the various interfaces from other games with my influence coming from Project Cars 2 and Forza 7. After that, I made a user flow diagram to see how a user would potentially navigate through the interface and with that finished I would then go onto design the wireframes to help me plan out the work. With the wireframe complete, I moved onto designing the user interface in Adobe Illustrator. You can see the results below.





Main Menu User Interface (Click the image or arrow buttons to move between the images)
Controls Menu Interface
My Garage Menu Interface
In-game UI
Wireframes and User Flow
Main Menu User Flow Diagram
Initial Main Menu Wireframe Designs








User Interface Wireframes (Click the image or arrow buttons to move between the images)