The Challenge
The project began with making a user flow. Through research, it was learned that time was of the essence for mobile gamers. Therefore to achieve a pleasant user experience, it was crucial to minimise the number of obstacles for the player until they reached gameplay. Another challenge that arose when designing mobile games was the lack of screen space.
U S E R J O U R N E Y
UX Wireframing
Wireframing for each page was designed to figure out the layout of graphical elements before considering the style and appearance. Various screen sizes were also taken into consideration to ensure the design would fit on smaller screens.
U I W I R E F R A M E S
Logo Design & Assets
Mobile game logos are known for their big, bold appearance. Therefore, the challenge when creating the Save The Sea logo was to ensure it stood out from the proliferation of games on the app stores.
L O G O D E V E L O P M E N T
G A M E A S S E T S
Final UI Design
Working on the UI designs involved creating a colour palette for the game. The dark, rich blue helped set the atmosphere to reflect the nature of the game. Subtle gradients were used on elements that needed to stand out. The graphic design assets were also designed from scratch to give it a fresh and original look.
F I N A L U I D E S I G N S
Learnings
Consistency
As there was no definite colour palette or illustration house style in check, some assets appeared out of place showing little consistency. This resulted in more time being used to correct designs. It is important to establish an illustration style to ensure the project has direction prior to designing assets.
