gibson splash screen

APP / UX / UI

Amped / Gibson

Amped is Gibsons guitar learning app where users are taught to play guitar by the use of augmented reality

THE PROJECT

I was asked to improve the home screen of the app with the following considerations:

MY ROLE

I took ownership of the project and created Use Cases, Onboarding and User Journeys, as well as a new layout and design of the home screen

THE RESULT

The outcome led to much improved UX where the new approach covered all the user’s needs. The new layout of the home screen created better navigation and users would easier find the content. The client was delighted with the new version

App Home screen

To the left, the previous version. Right, my updated UI

gibson home screen

Use case 1

First time user

User partial completes onboarding

Load screen

Load screen

Start onboarding

Start onboarding

Onboarding

Onboarding

Introduction, the setup of system, tune of guitar and tutorial of the app

Updated home screen

Updated home screen

Welcome message

Greeting current user

Progression section

User has began the onboarding and can easily resume

Learn section

User can swipe left to see more or View all which opens the learn page

Song section

User can swipe left to see more or View all which opens the songs page

Watch section

User can swipe left to see more or View all which opens the Watch page

Navbar

The categories has been placed with the assumption that these are the most used. More opens a menu with several categories including Shop, Settings and Account

Scrollbars

All content now fits in the view pane

use case 2

FIRST TIME USER

User skips onboard

Load screen

Load screen

Start onboarding

Start onboarding

Onboarding

Updated home screen

Progression section

Displays where the user left off last time. In this case the user has not began.

Load screen

Load screen

Start onboarding

Start onboarding

Onboarding

Updated home screen

Progression section

Displays where the user left off last time. In this case the user has not began.

use case 3

Revisiting user

User can easily resume learning

Load screen

Load screen

Onboarding

Updated home screen

Progression section

User has began the learning and can easily resume

Learn section

The courses user has began or completed will disappear from this section

Load screen

Load screen

Onboarding

Updated home screen

Progression section

User has began the learning and can easily resume

Learn section

The courses user has began or completed will disappear from this section