Gousto Case Study

Asphalt 8 Airborne


The client

The client

Gameloft SE is a French video game developer and publisher headquartered in Paris, with subsidiaries in 28 countries around the world. They havecreated a number of games for mobile phone handsets, tablets, games consoles and other platforms.

The client


Propose new solutions for the interface and layout for the flow of Asphalt 8: Airborne, propose a personal vision of how the UI should look according to the whole game look and feel.

The client


Hubs & Spots, Scenarios, User Flows, Sketches, Wireframes, Presentation.

The client


Sharpies, post-it, Omnigraffle, InVision, Illustrator, Photoshop, Keynote.


Part 1: Game flow

  • A layout of the flow of how the navegation from one screen to the next would be.
  • An interactive mockup of the aforementioned screens (using HTML5, Flash, or whichever other tool you prefer).

Part 2: UI Design

Design a new version of the screens: Main Menu, Garage and Loading (The proposals must be final arts).

  • Main Menu needs to display the following elements: Credits, Hard currency, Level and Stars, Profile button, Garage button, Single Player button, Multiplayer Button, Special Offers, Time Limited Events
  • Garage needs to display the following elements: Currencies, Car model, Car Stats, Categories, Filter button, Upgrade button, Special Offers
  • No special requirements for the Loading screen.


I started downloading the current game and doing some research about Asphalt 8 and their competitors.

After that I proceeded to map current screens and identifying hubs & spots.

Asphalt Hubs and Spots


I've focused in the "Single Player" option and have created a scenario for an user going from the Main screen throught the flow until loading the game.

Asphalt User Flow

First sketches & Wireframes

I started doing some first sketches and created my first paper prototype for testing. After a few iterations I've created the wireframes of my design and done more testings to progressively improve my initial design based in the feedbacks received from users.
I've finally created the mockups and final arts and created my interactive prototype.

Asphalt User testing


The result is a clearer navigation with splitted information:

  • In the main menu only the navigation links.
  • In a separated new menu the profile and credits info.
  • A "Journey" bar to engage the user and provide information to the users about their exact situation in the flow and previous choices done.

Main Screen

Asphalt Main Screen

Garage Screen

Asphalt Garage Screen

Loading Screen

Asphalt Loading Screen


Latest clickable prototype.

  • Client: Gameloft
  • Date: February 2016
  • Service: UX/UI