Game Mobile UI UX Design
Hi Dribbblersπ,
I'm thrilled to finally unveil the result of several months of hard work. I recently had the opportunity to participate in the UI/UX for Gaming course, where I dedicated myself to developing the concept and elements for a mobile Real Time Strategy game. πΎ
In this game, players assume the role of a puppy's caretaker, aiming to guide their furry companion to become a champion. The gameplay involves breeding different dog breeds, acquiring assets to enhance their abilities, and training them in various sports and activities like fetching. Additionally, players can engage in beauty contests and compete with other users.
Let me walk you through my design process! π€
Flowcharts
To begin, I focused on creating comprehensive flowcharts to outline the screens required for representing the player's journey and game requirements. This stage helped me recognize and select the key screens and organize a logical flow, ensuring smooth navigation between menus and screens.
Moodboard
Drawing inspiration from the warm and nostalgic atmosphere of my favorite childhood fairy tale, "Lady and the Tramp," I curated a moodboard. The tale's soft lines and vibrant colors served as my primary inspiration, setting the climate for my game's visual aesthetics.
Wireframe
Moving forward, I delved into designing the wireframe for the player profile. Given that the player profile represents the pedigree in my game, I initially focused on defining the necessary fields. Subsequently, I refined the wireframe, adding more specific details and visual elements.
Prototype
Building upon the wireframe, I created an interactive prototype of the player profile screen. This prototype serves as a demonstration of the game's user interface and showcases how players will navigate and interact with the various elements.
Animated Mockup
The final step involved crafting a mockup of the player profile screen and animating it using Unity. This process brought the wireframe to life, allowing viewers to experience the game's visual appeal and dynamic elements.
I'm eagerly seeking your valuable feedback. πΒ I would greatly appreciate it if you could leave a comment or show your support by clicking the "L" button if you enjoyed the design. β£
Thank you for taking the time to explore my work! π₯°