Website powered by

Doggy Destruction UI/UX

The potential UI for a game called Doggy Destruction.
-----
All UI art assets and animations were created by me. While I did not create the sound effects, I was in charge of implementing them via code and Unity's editor. Additionally, I was in charge of scripting all interactions.
-----
The goal of the project was to create a fun and highly interactive UI for a nonexistent game. I wanted the game to have a very lighthearted, playful feel to it. Since puppies are so cute, cuddly, and energetic, I wanted the UI to reflect that. Making sure that the UI was bug-free was extremely important as well.
-----
One of the biggest challenges I encountered was handling all the scripting required to complete the UI. Code is not my strong suit, but I'm happy to say I persevered. I remember particularly struggling with making sure that every button took you to the correct scene and making sure that the pause button actually paused the game timer.
-----
I started the development by creating wireframes for All my various screens. Once I had my layouts planned out, I began creating them in unity and importing my art assets. Once everything was laid out, I began scripting and animating the interactions. Once everything was functioning, I began playtesting over and over to iron out all the bugs.
-----
To read the full Design Doc: https://drive.google.com/file/d/1Xk0NxQgp5bWcddnLo4Azdi9wvQVUY6cj/view?usp=sharing

Walkthrough of the UI

Wireframe plan

Wireframe plan

A variety of different buttons

A variety of different buttons

Wireframe for the main menu

Wireframe for the main menu

Wireframes for the save select screen

Wireframes for the save select screen

Wireframe for the dog creation screen

Wireframe for the dog creation screen

Wireframe for level select menu

Wireframe for level select menu

Wireframe for the gameplay screen

Wireframe for the gameplay screen

Wireframes for the win and lose screens

Wireframes for the win and lose screens

Wireframes for the different options menus

Wireframes for the different options menus