Car Racing Game

Home / Portfolio

  • Date: November 13, 2022
  • Categories: Game UI/UX

Description

The UI/UX concept is a racing game with the main menu, in-game, settings, garage, and shop pages. The main menu has the options to select the game mode which are Career, Quick Match, Championship & Explore the world. The in-game page shows the UI elements such as the speedometer, time, position, and maps. The settings page allows the player to adjust the game settings such as the audio, video, and control settings. The garage page allows the player to view their car collection and upgrade their cars. The shop page allows the player to purchase new cars and car parts.

Main Menu

Here the main menu of the game is kept very easy to identify. Because all the gamers can easily understand everything. At the top left of the page are Home, Garage, Shop, and Settings options. Similarly, the reward points, game level, and player name are on the right side.

Now come to the central part. There are four game modes.

  1. Career
  2. Quick Match
  3. Championship
  4. Explore the Word

Career: In this mode, players will complete a level by completing missions and advancing their careers.

Quick Match: Here, the Player can play some small quick matches. Where there will be some racing competitions of short duration, players can play region-wise.

Championship: There will be significant championships. Where there will be multiplayer base competition, and there will be great rewards.

Explore the Word: Here, players can explore different small missions by roaming around the map like an open-world game.

In Game

If you look at the in-game screen, we can see that the timer is placed in the upper left corner of the screen. Just below that, the number of laps is given.

At the top right, you can see the number of the player’s positions in racing.

The game map and navigation UI are kept at the bottom left side.

And on the lower right side, the Speedometer UI is placed to see the speed and nitro power of the car.

Settings

On the settings page, there are four categories of settings titles. Those four are

  1. Gameplay
  2. Video
  3. Audio
  4. Control

Any title that is selected will show its settings under that title. And the settings will display its description on the right side.

Garage

Above the garage page, there are three categories titled settings. Those three are

  1. Performance
  2. Customization
  3. Studio

When the title is selected, it will show the options under it. Here is the customization UI. Where the chosen car name and series will show above, it will show the power, handling, top speed, acceleration, and nitro of the car under it and an overall point under all.

Below that will show a clickable UI to change the functions of the car’s engine, tires, spoiler, and brakes.

Shop

On top of the shop page, there are three category settings titles. Those three are

  1. Engine
  2. Chassis
  3. Drivetrain

When the title is selected, it will show the options under it. Here is the UI of the engine, where six sub-options are displayed under the engine.

  1. Crankshift
  2. ECU
  3. Cooling
  4. Exhaust
  5. Turbo
  6. Nitro

Three categories of products are shown under Turbo. which are

  1. Elite
  2. Sport
  3. Super +

The price, power, and unlock level are based on the product category. According to this, the players will purchase.