top of page

Design challenge

Flair's mobile web has many issues with user usability, including a complicated and inaccurate booking process, as well as an unclear design language.

User research

Screen Shot 2022-05-10 at 10.01.32 PM.png

Screen Shot 2022-05-10 at 10.01.21 PM.png

Screen Shot 2022-05-10 at 10.01.47 PM.png

Screen Shot 2022-05-10 at 10.03.20 PM.png

Screen Shot 2022-05-10 at 10.03.08 PM.png

Flair Airlines

The goal of this case study was to truly understand the diverse user experience problems the Flair Airlines mobile web has, and ultimately, to solve these issues by designing more accessible and user-friendly interfaces.

ROLE
UX Research
Visual Design
Prototyping

CLIENTS
Flair Airlines
(Potential)

DURATION
2 Weeks

Solution

I conducted market research and identified two main components that created a negative user experience: Complex user flow and lacking design consistency.

01.

User flow

The Flair Airlines mobile web has a complicated booking flow with lots of texts and warnings, making the process incredibly frustrating and inefficient.

Current app structure: confusing booking process and unclear hierarchy system

As the solution, I shorten the flow from 9 screens to 6 screens, integrate features, eliminate text and built a clear hierarchy system.

1576 (4).png

01.
SEARCH

1576 (1).png

04.
PASSENGER DETAILS

02.
SEARCH RESULT

1576 (7).png

05.
SELECT SEAT

02.

1576 (5).png

03.
PERSONALISE

1576 (2).png

06.
PAYMENT

Visual design

A general problem of the app was the lack of design consistency.

Original design

Redesign

Screen Shot 2022-05-13 at 3.32.14 PM.png

Screen Shot 2022-05-13 at 3.43.59 PM.png

Screen Shot 2022-05-13 at 3.47.06 PM.png

Screen Shot 2022-05-13 at 3.55.41 PM.png

Screen Shot 2022-05-13 at 3.54.40 PM.png

Screen Shot 2022-05-13 at 3.55.07 PM.png

Final design

bottom of page