Type: UX/UI - Website Design

Tags: #Research  #Analysis  #Design  #Prototyping  #Wireframing  #Desktop

Tools: Adobe Photoshop, Adobe Illustrator, Adobe Indesign & Adobe XD

Project Name - FLY UX

Project Scope: Improve the user experience on the flight booking process of FLY UX, how users can easily search, find, select and book flights on their desktop.

My Role: UX/UI Designer - I worked on the research, analysis, design, prototype and wireframes phases of this project

CLICK OR COPY THE GOOGLE LINK BELOW TO VIEW ALL FILES

https://drive.google.com/drive/folders/1crLv_lAQoBbOAWKHfxWuSjIef6D1qfC5

RESEARCH PHASE

I started off by doing a competitive benchmarking, to understand how best-in class platforms solve the problem I am trying to solve, see what they are doing really well that I can emulate, what they are not doing so well and finally what conventions have been established that I need to follow. I also sent out online surveys to get more of a quantitative feedback and to also get a more unstructured, unmeasured and real deep insights, I ran a usability test sessions with users on some existing platforms and took down notes.

Link to survey: https://www.surveymonkey.com/r/FQZQ3ZT

ANALYSIS PHASE

Research data (Competitive Benchmark, Online Survey, Usability Test Notes and Usability Test Videos) was shared earlier with a team made up of 3 persons, to jot down detailed findings from their observation, and work together in a room to properly define, analyze and structure data. From our analysis we were able to build an Affinity Diagram, 

DESIGN PHASE

Once we were done defining, analyzing and putting structure to our data gotten from our research, I was now able to come up with a user journey map and a flow diagram. I also was able to hand sketch the various forms of interactions the user will have on the platform.

PROTOYPING, USABILITY TEST & WIREFRAMES PHASE

With my hand sketch designs, I was now able to start building a medium fidelity prototype which can be used for usability test with different users. Once this was completed and iterations were made to the designs, I updated the designs from the feedback gotten during the prototype usability test, worked on my wireframes and shared with the entire team.

PROTOTYPE LINK

https://xd.adobe.com/view/d026b68d-fe82-4bbb-bda6-9534929fb398-8575/

Conclusion: Close attention was given to every aspect of the flight booking process, to ensure the user has the best experience while booking flights on their desktop device. The experience are in the minute details.