All projects

11 · UI/UX

Airaa: Flight Booking

End-to-end UX case study: a low-friction flight booking website for a startup airline, from research to a working prototype.

Product Airaa

A flight booking website for a startup airline, designed as the final case study of my Professional Diploma in UX Design (UX Design Institute). The goal was an end-to-end booking experience that removes the usual friction points.

Details

E-commerce · Flight booking website
surface
End-to-end UX designer, solo
role
Survey (10), interviews (8), usability tests (8)
research
Hick’s Law · Information architecture · Error prevention
focus
Figma · Procreate · Miro · HTML/CSS/JS
tools

Problem Rigid Flows That Punish Mistakes

Airline interfaces are often cluttered, split across many page loads, and costly to correct: changing a date can mean starting over. Interviews showed anxiety peaking at checkout, with no clear way to recover from a wrong entry. The brief: balance upselling and data collection against a simple, low-friction booking.

Solution One Linear, Editable Flow

A single-direction, desktop-first flow where the price stays visible, dates, passengers and seats can be edited without losing progress, and hotel and car style offers move to the end of the funnel. Sketched in Procreate, mapped in Figma, then rebuilt as a styled, interactive prototype.

Result Validated With 8 Participants

A complex booking funnel became a clearer, more forgiving experience through content hierarchy and inline editing, tested in moderated usability sessions on the Figma wireframe prototype. This was an academic project, so success is measured through the testing rather than live conversion data.

Impact

  • 80%of survey respondents prefer desktop for final booking
  • 60%named price as their main motivator
  • 7 screensfrom flight search to checkout

The prototype below is a styled, working rebuild of the wireframed flow: search, flights, seats, bags, extras, then passenger details and payment on one screen. Use the stepper to jump back and change a choice; nothing you picked is lost. It is a personal build made after the usability sessions, which ran on the Figma wireframe prototype. All fares and flights are illustrative.

Rough sketches of the search and results screens, drawn in Procreate

Sketching the flight results and fare selection

Sketching the review and payment step

Wireframe: home and search

Wireframe: flights, with a date strip and sortable results

Wireframe: seat map and selected seats

Wireframe: bags per flight

Wireframe: extras, offered late and skippable

Wireframe: passenger details, review and payment

Wireframe: confirmation

View the full case study on Behance

Airaa: Flight Booking, image 1
Airaa: Flight Booking, image 2
Airaa: Flight Booking, image 3
Airaa: Flight Booking, image 4
Airaa: Flight Booking, image 5
Airaa: Flight Booking, image 6
Airaa: Flight Booking, image 7

Reach out for a chat

Or via LinkedIn

Hi! I'm Angelo Joy.

Hi! I'm Angelo Joy.

I’m a digital designer with a passion for bringing solutions and aesthetics together. I’ve appreciated art for its beauty for as long as I can remember, but I’ve always wanted my work to do more: to be functional, intuitive and meaningful.

From doodling in class as a kid in Dubai, I moved across the world to earn a Master’s in Media & Communications from the University of Galway, then refined my craft with a Professional Diploma in UX Design from the UX Design Institute in Dublin.

That journey turned an early love of graphic design into a dedicated practice: creating immersive digital experiences and design strategies that deliver for users and businesses alike.

Outside of work you’ll find me animating in After Effects, at the gym, or at home getting inspired by BPS.space and The Diary of a CEO. Or, put simply, I make things for the love of the game.

Angelo Joy