FlyUX mobile app

DIGITAL DESIGN

ROLE
UI/UX designer

COMPLETED AT
UX Design Institute

 

ROLE
UI/UX designer

COMPLETED AT
UX Design Institute

I spent a year completing the User Expereince diploma program from the UX Design Institute and this was the project I worked on through the duration of the course.

Through the duration of the project, we examined the experience of browsing for and booking flights. Our thesis project explored each stage of product development.

User test

What needed to be done?

This project reflected the true to life work process of building a product. We had to uncover what users found frustrating and difficult throughout the experience. First we started with competitive benchmarking, to compare what each platform did well or poorly.

Before I could know where to begin, I conducted research and user testing, to observe how people interact with the platforms currently available and make note of their pain points. Above is a screenshot from the user test I conducted, and the beautiful smile of our user, Eni!

Customer journey map

How did I do it?

After conducting user tests, we were required to collect our observations and organize them into an affinity diagram. Here everything started as a mess of sticky notes, but then I read through each other notes and grouped them into categories that we could address. 

After identifying the key pain points, it was easier to visualize the common issues that the user faced and where we could make improvements. From there, I created a customer journey map and determined the flow our user makes while interacting with the product, what emotion they experienced at every stage, and what their goal was at each step.

User flow

My favourite part

Of course, the integral part of building a successful product is understanding, at the heart of it, what the user is trying to achieve. However, I personally found this part the most fun. Probably related to my focus and background on visual design. Below are some of my wireframes, after determining the flow and customer journey.

FlyUX wireframes
FlyUX wireframes

The big reveal

Afterward, we were required to make a high fidelity prototype. Something that would emulate the true look, feel, and interaction of our mobile product. I had a lot of fun completing this project, as I learned more about the qualitative research processes that go into creating thoughtful experiences. Below you can see some of my final screens!

Afterward, we were required to make a high fidelity prototype. Something that would emulate the true look, feel, and interaction of our mobile product. I had a lot of fun completing this project, as I learned more about the qualitative research processes that go into creating thoughtful experiences that not only look beautiful but also work well and help us get things done faster. Below you can see some of my final screens!

Fly UX mockups

MADE WITH LOVE BY STEPH TRUONG © 2021