Design and implementation of an action-packed runner game for Android

UI Design

UI Design Process

Initial sketches of the UI.

Wireframe of the UI interface, created in Figma.

Icons created in Adobe Illustrator for the UI.

The Brief

After living a cushy and comfortable life for so long, certain obstacles have come to get in your way! In Cat-astrophe!, you play as a cat who runs through different levels, avoiding any obstacles in your path, and get to that sweet, sweet bowl of fish at the end. You’ve earned it!

The main objectives of this mobile game project are as follows:

The Process

Cat-astrophe! was creatied using Unity engine. 3D models were produced, created to fit the stylised and cutesy art style. Moreover, a user-friendly and visually appealing UI was created, enhancing the overall player experience.

The meshes were kept low poly in order to keep the game as performant as possible. The highest poly model in the game is the main character cat model, with 2,050 triangles.

The level complete UI is designed to be as simplistic and player intuitive as possible. Paw icons are used in place of a "star" system to rank the player on how well they did in the level. The faster the player completes the level, the higher the amount of paws awarded at the end.

The two main obstacles in the game are the hoover and the fan. The hoover moves across the screen horizontally, from side to side. The fan spins about its central pivot. The nature of these two obstacles ensures that the player must time their movements correctly in order to reach the fish bowl at the end of the level.

A handwritten typeface called Mat Saleh was chosen for the logo to create a friendly and calm feeling. The paw icon at the end of the level is also incorporated into the main logo of the game, for added continuity of the game's theme. 

The Final Product