top of page
Banner_image_full_resolution.png

Overview

This was a collaborative project aimed at updating the visual design of the a mobile game app and enhancing the user's overall engagement with the game. Focusing on further developing my UI design skill and how to better implement player feedback with my current understanding of UX principles.

Roles

UI Art, UX Design, User Testing

Challenges

  • Designing a visual language from scratch

  • Collaborating in a team to execute a idea

  • First time designing a mobile game

Tools

Figma, Clip Studio Paint, Adobe Photoshop, 

Timeline

10 Weeks

iphone 2_edited.png

Overview

Usability
Testing
Paper
Prototype
Wireframe
UI Mockups
User Feedback
postit_note_yellow_A1.png

"If it had a smoother and more responsive UI, that'll be a ridiculously massive plus."

postit_note_yellow_A1.png

"good, it was fun and easy to play"

postit_note_yellow_A1.png

"I felt smart at some points, but some of the levels were a bit tricky to figure out which made me feel a little frustrated."

postit_note_yellow_A1.png

"Bigger keyboard!"

postit_note_yellow_A1.png

It had a strong cathartic feeling. Especially after the answering the 10 puzzles and getting a page fragment.

The next step was breaking down the original gameplay interface and starting the 

postit_note_yellow_A1.png

"A way to earn an extra hint, especially for the challenging puzzles"

postit_note_yellow_A1.png

"I would like the hints to be more informative or as an easier difficulty option."

Many of the user experiences were fairly negative, but still found the game to fun and rewarding.  

Here is how I tackled these significant pain points

Paper Prototype

The user feedback gain from the first prototype helped give me a clear vision on how to better the overall enjoyment and how to better their journey through the game screen to the puzzle!

This meant planning new features that understands the user's needs and designing new diegetic UI elements into the game that will enhance the player's overall experience.

Phantom Index - Documentation2.png

Thanks to the user data and the existing prototype, it allowed me to quickly plan out what an expanded layout of the game would look like.

Low-Fidelity Mockups

The next step was breaking down the original gameplay interface and starting the phrase of reinventing the UI into something recognisable.

Prototype Design
image 1.png
image 2.png
Lo-Fi Wireframes
Start Screen.png
Level Selection Screen.png
Puzzle Screen.png

With there already being existing prototype of the game it helped give me a better idea on how to design a UI art while introducing the core theme based around a supernatural detective

puzzle1.png
puzzle2.png
puzzle3.png
puzzle5.png

A few iterations to get the look right!

It was a difficult process to find the balance of the original prototype design, while still improving the visual identity of the game.

High-Fidelity Mockups

The final design for a polished system.

Start Screen.png
Menu Screen.png
Level Selection Screen.png
Puzzle Screen.png
Files_2x.png
Cold Cases Screen.png
Shop.png
Support.png

This was such a rewarding experience to be able to push my design skills to their limits!

Clue - Puzzle Screen.png
Assist - Puzzle Screen.png

In-game features

that will assist the player

Settings.png
Rewardss.png

A settings and rewards tab

keeping the aesthetic consistent!

Final 

Outcomes

  • Designed industry-quality UI elements, while creating a visual identity from scratch

  • Collaborating in a team to flesh-out and execute an concept

  • Successfully helped launch a game on itch.io achieving 550+ visits and 300+ plays.​​

photo_B2.png
bottom of page