Introduction

Rally Clash mobile game is a racer with incorporating game survivor-games-type control mechanics. The game concept makes it stand out among the variety of mobile racing games, delivering unique gaming experience.
However the UX solutions as well as UI styling required reconsideration so that the game UI bridges the gap between stated game mechanics with player.

Objective

Reconsider the UX solutions in order to communicate game mechanics more clear

Clean up the redundant components to make the UI intuitive

Redesign visual style to reach continuity and support the general game feeling

Home

Previously, country selection screen was subsequent after tapping on CTA “Race button”. It was decided to make the optional and accessable from home screen by tapping on country picture.The player is led to vehicle selection by proceeding to race.

Country selection

Vehicle selection

The track is selected randomly among a list. They differ by surfaces and route. Based on that knowledge the player is to select a car which is a best fit for the race. The vehicles vary by parameters which define the driving style.

The screen awares the player with randomly selected track details and racing conditions. Based on this information the player is to select the suitable vehicle before the race starts. At this screen significant UI changes have been commited: setting visual hierarchy with sizing, light contrast and coloring and unifying styles.

Numerous car parameters made the module overwhelming so in redesigned version it's simplifyed. The player can get additional information about precise vehicle parameter by tapping and holding it.

HUD

The gameplay HUD has been cleaned up.

Race results

The screen has been redesigned considered visual hierarchy and layout clean-up

Pack open

Piggy bank and event announcement

More materials

To delve into the design process visit a Figma file to discover general flow and design wireframe iterations