PointAir
PointAir
Case study and design of the flight booking process for a native
mobile app of a start-up airline.
Case study and design of the flight booking process for a native mobile app of a start-up airline.
Case study and design of a native mobile app for a start-up airline.
Case study and design of the flight booking process for a native mobile app of a start-up airline.
Case study and design of a native mobile app for a start-up airline.
Simplifying the booking experience on your phone.
Role
Ux Research / Design
Role
Ux Research / Design
Tools
Keynote
Survey Monkey
Reflector
Miro
Figma
Tools
Keynote
Survey Monkey
Reflector
Miro
Figma
PointAir
Case study and design of
a native mobile app for a start-up airline.
Simplifying the booking experience on your phone.
Role
Ux Research / Design
Tools
Keynote
Survey Monkey
Reflector
Miro
Figma
Background
Background
Background
Booking flights on your phone can be complex, time-consuming, and overwhelming for users unfamiliar with industry-specific terms or options.
As part of my UX diploma with the UX Design Institute, I conducted a case study and designed a native mobile app for PointAir, a fictional start-up airline. My focus was on creating an intuitive landing screen and seamless booking process.
This project was an opportunity to put in practice the full UX design process, from research and ideation to prototyping and testing, ensuring a seamless and user-friendly flight booking experience.
Booking flights on your phone can be complex, time-consuming, and overwhelming for users unfamiliar with industry-specific terms or options.
As part of my UX diploma with the UX Design Institute, I conducted a case study and designed a native mobile app for PointAir, a fictional start-up airline. My focus was on creating an intuitive landing screen and seamless booking process.
This project was an opportunity to put in practice the full UX design process, from research and ideation to prototyping and testing, ensuring a seamless and user-friendly flight booking experience.
Booking flights on your phone can be complex, time-consuming, and overwhelming for users unfamiliar with industry-specific terms or options.
As part of my UX diploma with the UX Design Institute, I conducted a case study and designed a native mobile app for PointAir, a fictional start-up airline. My focus was on creating an intuitive landing screen and seamless booking process.
This project was an opportunity to put in practice the full UX design process, from research and ideation to prototyping and testing, ensuring a seamless and user-friendly flight booking experience.
Market Research.
Market Research.
Market Research.
Market Research.
Benchmarking
Benchmarking
Without prior insights, I conducted a Benchmarking on four well-established competitors. My goal was to identify industry best practices and conventions that would help me on my design approach, ensuring clarity, functional simplicity, and avoiding early mistakes.
The analysis focused on:
Flight Search
Homepage
Booking Process
Benchmarking
Without prior insights, I conducted a Benchmarking on four well-established competitors. My goal was to identify industry best practices and conventions that would help me on my design approach, ensuring clarity, functional simplicity, and avoiding early mistakes.
The analysis focused on:
Flight Search
Homepage
Booking Process
Benchmarking Key Takeaways
Benchmarking Key Takeaways
Benchmarking Key Takeaways
Benchmarking Key Takeaways
• Clear Interfaces: Keep it clutter-free for a strong first impression and easy navigation.
• Action-Oriented CTAs: Guide users naturally through booking.
• Progress Indicator: Help users track steps and modify selections easily.
• Streamlined Checkout: Avoid forced upselling to prevent drop-offs.
• Guest Checkout: Offer registration but don’t require it.
• Minimize Distractions: Avoid unrelated offers during task completion.
• Clear Interfaces: Keep it clutter-free for a strong first impression and easy navigation.
• Action-Oriented CTAs: Guide users naturally through booking.
• Progress Indicator: Help users track steps and modify selections easily.
• Streamlined Checkout: Avoid forced upselling to prevent drop-offs.
• Guest Checkout: Offer registration but don’t require it.
• Minimize Distractions: Avoid unrelated offers during task completion.
• Clear Interfaces: Keep it clutter-free for a strong first impression and easy navigation.
• Action-Oriented CTAs: Guide users naturally through booking.
• Progress Indicator: Help users track steps and modify selections easily.
• Streamlined Checkout: Avoid forced upselling to prevent drop-offs.
• Guest Checkout: Offer registration but don’t require it.
• Minimize Distractions: Avoid unrelated offers during task completion.
Benchmarking
Without prior insights, I conducted a Benchmarking on four well-established competitors. My goal was to identify industry best practices and conventions that would help me on my design approach, ensuring clarity, functional simplicity, and avoiding early mistakes.
The analysis focused on:
Flight Search
Homepage
Booking Process
The analysis focused on:
Flight Search
Homepage
Booking Process
Benchmarking
Without prior insights, I conducted a Benchmarking on four well-established competitors. My goal was to identify industry best practices and conventions that would help me on my design approach, ensuring clarity, functional simplicity, and avoiding early mistakes.
• Clear Interfaces: Keep it clutter-free for a strong first impression and easy navigation.
• Action-Oriented CTAs: Guide users naturally through booking.
• Progress Indicator: Help users track steps and modify selections easily.
• Streamlined Checkout: Avoid forced upselling to prevent drop-offs.
• Guest Checkout: Offer registration but don’t require it.
• Minimize Distractions: Avoid unrelated offers during task completion.
Understanding the user.
To understand user priorities and challenges faced when booking a flight through a mobile app I conducted an Online Survey, User Interviews and Usability Testing.
To understand user priorities and challenges faced when booking a flight through a mobile app I conducted an Online Survey, User Interviews and Usability Testing.
Online Survey
Online Survey
I created a SurveyMonkey survey with 9 open-ended and multiple-choice questions to gather quantitative and qualitative data. This revealed user priorities, patterns, and pain points in mobile flight booking.
I created a SurveyMonkey survey with 9 open-ended and multiple-choice questions to gather quantitative and qualitative data. This revealed user priorities, patterns, and pain points in mobile flight booking.
60%
Add extra baggage as and
additional service.
60%
Add extra baggage as and
additional service.
Users find some interfaces
unfriendly and hard to
to navigate.
Users find some interfaces
unfriendly and hard to
to navigate.
Users find some interfaces
unfriendly and hard to
to navigate.
54%
Value app interface and
seamless booking process.
54%
Value app interface and
seamless booking process.
76%
Travellers use travel apps
to reduce friction and stress.
60%
Add extra baggage as and
additional service. .
54%
Value app interface and
seamless booking process.
"Checking live updates &
flight status is very
important to me."
Users find some interfaces
unfriendly and hard
to navigate.
82%
Prioritise price & schedule
when selecting airline.
82%
Prioritise price & schedule
when selecting airline.
82% Prioritise price & schedule when selecting airline.
82%
Prioritise price & schedule
when selecting airline.
46.7%
Move forward with booking
based on price.
46.7% Move forward with booking based on price.
"Wouldn't compare prices
on the airline app/web, I go
to Skyscanner/Kayak-type
websites"
81%
Are likely or very likely to
use apps to book a flight.
"Wouldn't compare prices
in a specific airline app, but
in Skyscanner/Kayak-type
websites"
Users find some interfaces unfriendly and hard to navigate.
"Wouldn't compare prices
on the airline app/web, I go
to Skyscanner/Kayak-type
websites"
54% Value app interface and seamless booking process.
76% Travellers use travel apps to reduce friction and stress.
81% Are likely or very likely to use apps to book a flight.
"Wouldn't compare prices on the airline app/web, I go to Skyscanner/Kayak-type websites"
"Checking live updates & flight status is very important to me."
46.7%
Move forward with booking
based on price.
46.7%
Move forward with booking
based on price.
60% Add extra baggage as and additional service.
46.7%
Move forward with booking
based on price.
60%
Add extra baggage as and
additional service.
76%
Travellers use travel apps
to reduce friction and stress.
76%
Travellers use travel apps
to reduce friction and stress.
"Checking live updates &
flight status is very
important to me."
"Checking live updates &
flight status is very
important to me."
81%
Are likely or very likely to
use apps to book a flight.
54%
Value app interface and
seamless booking process.
81%
Are likely or very likely to
use apps to book a flight.
76%
Travellers use travel apps
to reduce friction and stress
"Checking live updates &
flight status is very
important to me."
81%
Are likely or very likely to
use apps to book a flight.
Usability Test & User Interviews
I conducted user interviews and usability tests on competitors apps (EasyJet & Iberia) to identify common flight booking challenges. Without a note-taker present, I later reviewed recordings to annotate key findings. Observing users emotional reactions helped uncover mental models and interface conventions.
Usability Test & User Interviews
Usability Test & User Interviews
I conducted user interviews and usability tests on competitors apps (EasyJet & Iberia) to identify common flight booking challenges. Without a note-taker present, I later reviewed recordings to annotate key findings. Observing users emotional reactions helped uncover mental models and interface conventions.
I conducted user interviews and usability tests on competitors apps (EasyJet & Iberia) to identify common flight booking challenges. Without a note-taker present, I later reviewed recordings to annotate key findings. Observing users emotional reactions helped uncover mental models and interface conventions.
Usability Test Key Findings:
Usability Test Key Findings:
Usability Test Key Findings:
Usability Test Key Findings:
User Goals
Positive Points
Context
User Behaviours
Pain Points
Conventions
User Goals
Positive Points
Context
User Behaviours
Pain Points
Conventions
Goals
Positives
Context
Behaviours
Negatives
Conventions
Goals
Positives
Context
Behaviours
Negatives
Conventions
Goals
Positives
Context
Behaviours
Negatives
Conventions
Goals
Positives
Context
Behaviours
Negatives
Conventions
User Goals
Positive Points
Context
Behaviours
Pain Points
Conventions
User Goals
Positive Points
Context
Behaviours
Pain Points
Conventions
User Goals
Positive Points
Context
User Behaviours
Pain Points
Conventions
Analysing the Data.
Analysing the Data.
Analysing the Data.
Analysing the Data.
Affinity Diagram
Affinity Diagram
Affinity Diagram
Affinity Diagram
Affinity Diagram
I collaborated with two UX Design Institute members on Miro to organize research data. We grouped key insights into 13 focus areas, highlighting user needs and priorities, which clarified critical design themes:
I collaborated with two UX Design Institute members on Miro to organize research data. We grouped key insights into 13 focus areas, highlighting user needs and priorities, which clarified critical design themes:
I collaborated with two UX Design Institute members on Miro to organize research data. We grouped key insights into 13 focus areas, highlighting user needs and priorities, which clarified critical design themes:
Context
User Goals
Mental Models
User Behaviour
See More
Affinity Diagram Conclusions:
Affinity Diagram Conclusions:
Affinity Diagram Conclusions:
• Homepage: Simplify layout, reduce clutter, and highlight key actions (log in/guest options).
• Search & Navigation: Improve date selection, enhance flight/fare filters for price & time.
• Information Clarity: Use readable fonts, clear fare details, and visual aids for luggage & seats.
• User Experience: Clarify CTAs (e.g., “skip” & “save search”), improve navigation with intuitive colors & labels.
• Features: Add flight comparisons, search-saving, and voice commands for efficiency.
Homepage: Simplify layout. Reduce clutter. Improve visibility of key actions.
Search & Navigation: Date selection without requiring excessive scrolling.
Information Clarity: Display clear fare details on-screen with readable fonts. Include more visual aids and straightforward instructions for luggage and seat selection.
User Experience: Resolve confusing CTAs and ensure actions like “skip” or “save search” are explicit.
Features: Integrate innovative features like flight comparisons, search-saving options, and voice commands.
Homepage: Simplify layout. Reduce clutter. Improve visibility of key actions.
Search & Navigation: Date selection without requiring excessive scrolling.
Information Clarity: Display clear fare details on-screen with readable fonts. Include more visual aids and straightforward instructions for luggage and seat selection.
User Experience: Resolve confusing CTAs and ensure actions like “skip” or “save search” are explicit.
Features: Integrate innovative features like flight comparisons, search-saving options, and voice commands.
User Journey
User Journey
User Journey
User Journey
User Journey
With all the research data, I created a user journey map to identify obstacles in the booking flow.
This helped pinpoint friction points that could cause drop-offs. Visualising the journey provided deeper insight into user confusion, indecision, and frustration, guiding design improvements.
With all the research data, I created a user journey map to identify obstacles in the booking flow.
This helped pinpoint friction points that could cause drop-offs. Visualising the journey provided deeper insight into user confusion, indecision, and frustration, guiding design improvements.
Good Design
To Improve
Good Design
To Improve
Good Design
To Improve
Good Design
To Improve
Positive Existing Design
Opportunities for Improvement
Behaviours
Goals
Mental models
Context
Pain Points
Behaviours
Goals
Mental models
Context
Pain Points
Positive Existing Design
Improvement Opportunities
Positive Existing Design
Improvement Opportunities
Positive Existing Design
Improvement Opportunities
Positive Existing Design
Improvement Opportunities
Behaviours
Goals
Mental models
Context
Pain Points
Design.
Design.
Design.
User Flow - Booking proccess
User Flow - Booking proccess
User Flow - Booking proccess
User Flow - Booking proccess
User Flow - Booking proccess
User Flow - Booking proccess
After multiple iterations, this user flow allows the user to quickly reach the main goal of booking a flight, making possible to check out directly without having to skip unnecessary screens if the tariff chosen does not include seats or luggage. This will become optional to add.
After multiple iterations, this user flow allows the user to quickly reach the main goal of booking a flight, making possible to check out directly without having to skip unnecessary screens if the tariff chosen does not include seats or luggage. This will become optional to add.
After multiple iterations, this user flow allows the user to quickly reach the main goal of booking a flight, making possible to check out directly without having to skip unnecessary screens if the tariff chosen does not include seats or luggage. This will become optional to add.
Sketching
Sketching
Sketching
Sketching
Sketching
In the initial sketches, my main focus was on designing a fare comparison screen that displayed all the options in a single screen, incentivising exploration, minimising cognitive load and making the overall booking flow easier for the user.
In the initial sketches, my main focus was on designing a fare comparison screen that displayed all the options in a single screen, incentivising exploration, minimising cognitive load and making the overall booking flow easier for the user.
In the initial sketches, my main focus was on designing a fare comparison screen that displayed all the options in a single screen, incentivising exploration, minimising cognitive load and making the overall booking flow easier for the user.
In the initial sketches, my main focus was on designing a fare comparison screen that displayed all the options in a single screen, incentivising exploration, minimising cognitive load and making the overall booking flow easier for the user.
In the initial sketches, my main focus was on designing a fare comparison screen that displayed all the options in a single screen, incentivising exploration, minimising cognitive load and making the overall booking flow easier for the user.
HOMEPAGE / FLIGHT FORM
HOMEPAGE / FLIGHT FORM
FLIGHT SEARCH
FLIGHT SEARCH
FLIGHT / FARE SELECTION
FLIGHT / FARE SELECTION
LUGGAGE
HOMEPAGE / FLIGHT FORM
FLIGHT SEARCH
FLIGHT / FARE SELECTION
Mid-Fi Prototypes
Mid-Fi Prototypes
Mid-Fi Prototypes
Mid-Fi Prototypes
Mid-Fi Prototypes
Mid-Fi Prototypes
The mid-fidelity prototype focused on validating core design decisions.
Landing Screen: Prioritised the flight search form for quick access while balancing marketing needs.
The mid-fidelity prototype focused on validating core design decisions.
Landing Screen: Prioritised the flight search form for quick access while balancing marketing needs.
Fares Screen: Originally a major pain point, I streamlined options onto a single page with clear visual cues for easy comparison. Usability testing helped me refine the final design for clarity and efficiency.
Fares Screen: Originally a major pain point, I streamlined options onto a single page with clear visual cues for easy comparison. Usability testing helped me refine the final design for clarity and efficiency.
Additional Services: Offered post-booking to keep users focused on the core flow
Additional Services: Offered post-booking to keep users focused on the core flow
Testing.
Testing.
Testing.
Testing.
Mid-Fi Testing
Mid-Fi Testing
Mid-Fi Testing
Mid-Fi Testing
Mid-Fi Testing
I conducted usability testing with friends and family using mid-fidelity prototypes to gather early feedback on navigation, interaction, and usability—focusing on the Flight Booking Flow and Fare Comparison Screen before refining high-fidelity designs.
Objectives:
1- Assess Fare Selection design clarity. — Are fare tabs clear enough for users?
2- Evaluate visibility of key actions. — Identify if users could easily find and interact with essential buttons.
3- Understand User navigation patterns. – Detect any points of confusion in the flow.
4- Gather Initial Reactions. – Qualitative feedback on usability, visual clarity, and potential pain points.
I conducted usability testing with friends and family using mid-fidelity prototypes to gather early feedback on navigation, interaction, and usability—focusing on the Flight Booking Flow and Fare Comparison Screen before refining high-fidelity designs.
Objectives:
1- Assess Fare Selection design clarity. — Are fare tabs clear enough for users?
2- Evaluate visibility of key actions. — Identify if users could easily find and interact with essential buttons.
3- Understand User navigation patterns. – Detect any points of confusion in the flow.
4- Gather Initial Reactions. – Qualitative feedback on usability, visual clarity, and potential pain points.
I conducted usability testing with friends and family using the mid-fi prototypes.
The goal was to gather early-stage feedback on navigation, interaction, and overall usability, particularly focusing on feedback about the Flight Booking Flow and the Fare Comparison Screen before refining the high-fidelity designs.
Objectives:
1- Assess Fare Selection design clarity.
Are fare tabs clear enough for users?
2- Evaluate visibility of key actions.
Can users easily find and interact with essential buttons.
3- Understand User navigation patterns.
Detect any points of confusion in the flow.
4- Gather Initial Reactions.
Qualitative feedback on usability, visual clarity,
and potential pain points.
I conducted usability testing with friends and family using mid-fidelity prototypes to gather early feedback on navigation, interaction, and usability—focusing on the Flight Booking Flow and Fare Comparison Screen before refining high-fidelity designs.
Objectives:
1- Assess Fare Selection design clarity. — Are fare tabs clear enough for users?
2- Evaluate visibility of key actions. — Identify if users could easily find and interact with essential buttons.
3- Understand User navigation patterns. – Detect any points of confusion in the flow.
4- Gather Initial Reactions. – Qualitative feedback on usability, visual clarity, and potential pain points.
I conducted usability testing with friends and family using the mid-fi prototypes.
The goal was to gather early-stage feedback on navigation, interaction, and overall usability, particularly focusing on feedback about the Flight Booking Flow and the Fare Comparison Screen before refining the high-fidelity designs.
Objectives:
1- Assess Fare Selection design clarity
2- Evaluate visibility of key actions
3- Understand User navigation patterns
4- Gather Initial Reactions
I conducted usability testing with friends and family using the mid-fi prototypes.
The goal was to gather early-stage feedback on navigation, interaction, and overall usability, particularly focusing on feedback about the Flight Booking Flow and the Fare Comparison Screen before refining the high-fidelity designs.
Objectives:
1- Assess Fare Selection design clarity
2- Evaluate visibility of key actions
3- Understand User navigation patterns
4- Gather Initial Reactions
Flight Selection
Flight Selection
“I love how the flights are listed—it’s easy to scan and pick the best option quickly.”
Flights are structured with clear departure/arrival times, prices, and duration, making comparison effortless.
Flight Selection
“I love how the flights are listed—it’s easy to scan and pick the best option quickly.”
Flights are structured with clear departure/arrival times, prices, and duration, making comparison effortless
“I love how the flights are listed—it’s easy to scan and pick the best option quickly.”
Flights are structured with clear departure/arrival times, prices, and duration, making comparison effortless
Fare Selection
Users didn’t realise fare tabs were clickable.
“I didn’t realise I could switch between Economy, Plus, and Business.”
Fare Selection
Users didn’t realise fare tabs were clickable.
“I didn’t realise I could switch between Economy, Plus, and Business.”
Fare Selection
Users didn’t realise fare tabs were clickable.
“I didn’t realise I could switch between Economy, Plus, and Business.”
Solution:
Tabs to have stronger contrast and clearer styling.
Solution:
Tabs to have stronger contrast and clearer styling.
Solution:
Tabs to have stronger contrast and clearer styling.
Luggage & Seats buttons
Users initially confused on how to add luggage or select seats.
“I almost missed the seat selection button, it blends in.”
Solution: Flow improved. Clearer labeled clickable cards.
Luggage & Seats buttons
Users initially confused on how to add luggage or select seats.
“I almost missed the seat selection, it blends in.”
Luggage & Seats buttons
Users initially confused on how to add luggage or select seats.
“I almost missed the seat selection button,
it blends in.”
Luggage & Seats buttons
Users initially confused on how to add luggage or select seats.
“I almost missed the seat selection button, it blends in.”
Luggage & Seats buttons
Users initially confused on how to add luggage or select seats.
“I almost missed the seat selection button, it blends in.”
Solution: Flow improved. Clearer labeled clickable cards.
Solution:
Flow improved. Clearer labeled clickable cards.
Solution:
Flow improved. Clearer labeled clickable cards.
Fare Selection
Users didn’t realise fare tabs were clickable.
“I didn’t realise I could switch between Economy, Plus, and Business.”
Solution:
Tabs to have stronger contrast and clearer styling.
These, and other feedback gathered from this session was instrumental in refining UI elements, improving discoverability, and enhancing the overall booking experience in the high-fidelity design.
These, and other feedback gathered from this session was instrumental in refining UI elements, improving discoverability, and enhancing the overall booking experience in the high-fidelity design.
These, and other feedback gathered from this session was instrumental in refining UI elements, improving discoverability, and enhancing the overall booking experience in the high-fidelity design.
Flight Selection
“I love how the flights are listed—it’s easy to scan and pick the best option quickly.”
Flights are structured with clear departure/arrival times, prices, and duration, making comparison effortless.
Fare Selection
Users didn’t realise fare tabs were clickable.
“I didn’t realise I could switch between Economy, Plus, and Business.”
Solution:
Tabs to have stronger contrast and clearer styling.
Luggage & Seats buttons
Users initially confused on how to add luggage or select seats.
“I almost missed the seat selection, it blends in.”
Solution:
Flow improved. Clearer labeled clickable cards.
These, and other feedback gathered from this session was instrumental in refining UI elements, improving discoverability, and enhancing the overall booking experience in the high-fidelity design.
Hi-Fi.
Hi-Fi.
Hi-Fi.
Hi-Fi.
Homepage
Homepage
Homepage
Homepage
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Homepage
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Minimalistic layout
With high visibility for essential actions to streamline
user journeys.
Simplified landing screen
With flight search section and essential input fields.
Homepage
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Minimalistic layout
With high visibility for essential actions to streamline
user journeys.
Simplified landing screen
With flight search section and essential input fields.
Homepage
Homepage
Flight Selection & Fares
Structured Flight Info
Key details displayed in sections for quick scanning and easy comparison.
Filter & Refinement
Toggles and filters let users customise results to their preferences.
Clear Selection CTA
"Select" button in each flight box minimises effort & guides users forward.
Scrollable Date Tabs.
Minimum fares per day, encouraging comparisons and informed choices.
Flight Selection & Fares
Structured Flight Info
Key details displayed in sections for quick scanning and easy comparison.
Filter & Refinement
Toggles and filters let users customise results to their preferences.
Clear Selection CTA
"Select" button in each flight box minimises effort & guides users forward.
Scrollable Date Tabs.
Minimum fares per day, encouraging comparisons and informed choices.
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Homepage
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Minimalistic layout
With high visibility for essential actions to streamline
user journeys.
Simplified landing screen
With flight search section and essential input fields.
Fare Comparison
Fare Comparison
Distinct, clearly labeled tabs
Enables users to compare fares effortlessly without feeling overwhelmed.
Key Information at a Glance
Improves scannability and minimises cognitive load by displaying essential details upfront.
Visual Cues for Clarity
Coloured checkmarks, recognisable icons and grayed-out elements.
Dynamic Price Update. Eliminating surprises
Real-time pricing based on fare selection, eliminating surprises and ensuring transparency.
Interactive and Visual Comparisons
Users can switch between fare tiers seamlessly, enabling exploration without commitment.
Actionable Design
The dynamic “Select” button provides clear affordance, encouraging progression in the booking flow.
Distinct, clearly labeled tabs
Enables users to compare fares effortlessly without feeling overwhelmed.
Key Information at a Glance
Improves scannability and minimises cognitive load by displaying essential details upfront.
Visual Cues for Clarity
Coloured checkmarks, recognisable icons and grayed-out elements.
Dynamic Price Update. Eliminating surprises
Real-time pricing based on fare selection, eliminating surprises and ensuring transparency.
Interactive and Visual Comparisons
Users can switch between fare tiers seamlessly, enabling exploration without commitment.
Actionable Design
The dynamic “Select” button provides clear affordance, encouraging progression in the booking flow.
Distinct, clearly labeled tabs
Enables users to compare fares effortlessly without feeling overwhelmed.
Key Information at a Glance
Improves scannability and minimizes cognitive load by displaying essential details upfront.
Visual Cues for Clarity
Coloured checkmarks, recognizable icons and grayed-out elements.
Dynamic Price Update. Eliminating surprises
Real-time pricing based on fare selection, eliminating surprises and ensuring transparency.
Interactive and Visual Comparisons
Users can switch between fare tiers seamlessly, enabling exploration without commitment.
Actionable Design
The dynamic “Select” button provides clear affordance, encouraging progression in the booking flow.
Distinct, clearly labeled tabs
Key Information at a glance, Scannability
Visual cues for clarity
Dynamic price update. Eliminating surprises.
Interactive and Visual comparisons.
Actionable design.
Distinct, clearly labeled tabs
Enables users to compare fares effortlessly without feeling overwhelmed.
Key Information at a Glance
Improves scannability and minimises cognitive load by displaying essential details upfront.
Visual Cues for Clarity
Coloured checkmarks, recognisable icons and grayed-out elements.
Dynamic Price Update. Eliminating surprises
Real-time pricing based on fare selection, eliminating surprises and ensuring transparency.
Interactive and Visual Comparisons
Users can switch between fare tiers seamlessly, enabling exploration without commitment.
Actionable Design
The dynamic “Select” button provides clear affordance, encouraging progression in the booking flow.
Distinct, clearly labeled tabs
Key Information at a Glance, Scannability
Visual Cues for Clarity
Dynamic Price Update. Eliminating surprises
Interactive and Visual Comparisons
Actionable Design
Fare Comparison
Luggage Selection
Luggage Selection
Luggage Selection
Clear Categorization
Visual Cues & Hierarchy
Easy Selection Controls
Prominent CTA, ensuring smooth navigation to the next step.
Progress Indicator reinforcing clarity and user confidence.
Luggage Selection
Clear Categorization
Visual Cues & Hierarchy
Easy Selection Controls
Prominent CTA, ensuring smooth navigation to the next step.
Progress Indicator reinforcing clarity and user confidence.
Clear Catergories
Visual Cues & Hierarchy
Easy Selection Control
Prominent CTA
Progress Indicator
Clear Categorization
Visual Cues & Hierarchy
Easy Selection Controls
Prominent CTA, ensuring smooth navigation to the next step.
Progress Indicator reinforcing clarity and user confidence.
Flight Summary & Check Out
Seat Selection
Seat Selection
Clear Seat Map Layout
Visual Cues for Availability, enhancing clarity and helping with flow.
Dynamic Price indicator
Provides immediate feedback and prevents errors
Flexible changes on Flight Summary, supporting an error-free experience.
Progress Indicator, reinforcing clarity and user confidence.
Seat Selection
Clear Seat Map Layout
Visual Cues for Pricing, Availability and Selection
Dynamic Price indicator
Provides immediate feedback and prevents errors
Flexible changes on Flight Summary, supporting an error-free experience.
Progress Indicator, reinforcing clarity and user confidence.
Seat Selection
Clear Seat Map Layout
Visual Cues for availability
Dynamic Price Indicator
Flexible changes on Flight Summary, supporting an error-free experience.
Progress Indicator,
reinforcing clarity and user confidence.
Clear Catergories
Visual Cues & Hierarchy
Easy Selection Control
Prominent CTA
Progress Indicator
Seat Selection
Clear Seat Map Layout
Visual Cues for Pricing, Availability and Selection
Dynamic Price indicator
Provides immediate feedback and prevents errors
Flexible changes on Flight Summary. Error-free experience.
Progress Indicator, reinforcing clarity and user confidence.
Review, modify, or remove selected options.
Log in for a faster checkout. Autofill.
Multiple Payment Methods
Secure & Transparent Payment Processing
Clear Booking Confirmation with extras
Seat Selection
Flight Summary & Check Out
Flight Summary & Check Out
Summary allowing review, modify, or remove selected options prior payment.
Passenger Information Autofill Users can log in for a faster checkout.
Multiple Payment Methods. Accessibility and convenience.
Secure & Transparent Payment Processing reassuring users.
Clear Booking Confirmation with options to book extras.
Flight Summary & Check Out
Summary allowing review, modify, or remove selected options prior payment.
Passenger Information Autofill Users can log in for a faster checkout.
Multiple Payment Methods. Accessibility and convenience.
Secure & Transparent Payment Processing reassuring users.
Clear Booking Confirmation with options to book extras.
Flight Summary & Check Out
Review, modify, or remove selected options.
Log in for a faster checkout. Autofill.
Multiple Payment Methods
Secure & Transparent Payment Processing
Clear Booking Confirmation with extras.
Review, modify or remove selected options.
Log in for faste checkout. Autofill.
Multiple Payment Methods.
Secure & Transparent Payment Proccessing
Clear Booking Confirmation. Extras.
Flight Summary & Check Out
Summary allowing review, modify, or remove selected options.
Passenger Information Autofill. Log in for a faster checkout.
Multiple Payment Methods. Accessibility and convenience.
Secure & Transparent Payment Processing reassures users.
Clear Booking Confirmation with options to book extras.
Clear Seat Map Layout
Visual Cues for Availability
Dynamic Price indicator
Flexible changes on Flight Summary,
supporting an error-free experience.
Progress Indicator,
reinforcing clarity and user confidence.
Homepage
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Flight Selection & Fares
Structured Flight Info
Key details displayed in sections for quick scanning and easy comparison.
Filter & Refinement
Toggles and filters let users customise results to their preferences.
Clear Selection CTA
"Select" button in each flight box minimises effort & guides users forward.
Scrollable Date Tabs.
Minimum fares per day, encouraging comparisons and informed choices.
Fare Comparison
Distinct, clearly labeled tabs
Enables users to compare fares effortlessly without feeling overwhelmed.
Key Information at a Glance
Improves scannability and minimizes cognitive load by displaying essential details upfront.
Visual Cues for Clarity
Coloured checkmarks, recognisable icons and grayed-out elements.
Dynamic Price Update. Eliminating surprises
Prices adjust in real-time based on fare selection, eliminating surprises and ensuring transparency.
Interactive and Visual Comparisons
Users can switch between fare tiers seamlessly, enabling exploration without commitment.
Actionable Design
The dynamic “Select” button provides clear affordance, encouraging progression in the booking flow.
Luggage Selection
Clear Categorization
Visual Cues & Hierarchy
Easy Selection Controls
Prominent CTA, ensuring smooth navigation to the next step.
Progress Indicator reinforcing clarity and user confidence..
Seat Selection
Clear Seat Map Layout
Visual Cues for Availability, enhancing clarity and helping with flow.
Dynamic Price indicator
Provides immediate feedback and prevents errors
Flexible changes on Flight Summary, supporting an and error-free experience.
Progress Indicator, reinforcing clarity and user confidence.
Flight Summary & Check Out
Summary allowing review, modify, or remove selected options before payment.
Passenger Information Autofill Users can log in for a faster checkout.
Multiple Payment Methods. Accessibility and convenience.
Secure & Transparent Payment Processing reassures users.
Clear Booking Confirmation with options to book extras.
Hi-Fi.
Hi-Fi.
Homepage
Homepage
Homepage
Homepage
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Homepage
Homepage
Flight Selection & Fares
Structured Flight Info
Key details displayed in sections for quick scanning and easy comparison.
Filter & Refinement
Toggles and filters let users customise results to their preferences.
Clear Selection CTA
"Select" button in each flight box minimises effort & guides users forward.
Scrollable Date Tabs.
Minimum fares per day, encouraging comparisons and informed choices.
Fare Comparison
Distinct, clearly labeled tabs
Enables users to compare fares effortlessly without feeling overwhelmed.
Key Information at a Glance
Improves scannability and minimises cognitive load by displaying essential details upfront.
Visual Cues for Clarity
Coloured checkmarks, recognisable icons and grayed-out elements.
Dynamic Price Update. Eliminating surprises
Real-time pricing based on fare selection, eliminating surprises and ensuring transparency.
Interactive and Visual Comparisons
Users can switch between fare tiers seamlessly, enabling exploration without commitment.
Actionable Design
The dynamic “Select” button provides clear affordance, encouraging progression in the booking flow.
Fare Comparison
Luggage Selection
Luggage Selection
Luggage Selection
Clear Categorization
Visual Cues & Hierarchy
Easy Selection Controls
Prominent CTA, ensuring smooth navigation to the next step.
Progress Indicator reinforcing clarity and user confidence.
Flight Summary & Check Out
Seat Selection
Seat Selection
Clear Seat Map Layout
Visual Cues for Availability, enhancing clarity and helping with flow.
Dynamic Price indicator
Provides immediate feedback and prevents errors
Flexible changes on Flight Summary, supporting an error-free experience.
Progress Indicator, reinforcing clarity and user confidence.
Seat Selection
Flight Summary & Check Out
Flight Summary & Check Out
Summary allowing review, modify, or remove selected options prior payment.
Passenger Information Autofill Users can log in for a faster checkout.
Multiple Payment Methods. Accessibility and convenience.
Secure & Transparent Payment Processing reassuring users.
Clear Booking Confirmation with options to book extras.
Homepage
Minimalistic layout
With high visibility for essential actions to streamline user journeys.
Simplified landing screen
With flight search section and essential input fields.
Flight Selection & Fares
Structured Flight Info
Key details displayed in sections for quick scanning and easy comparison.
Filter & Refinement
Toggles and filters let users customise results to their preferences.
Clear Selection CTA
"Select" button in each flight box minimises effort & guides users forward.
Scrollable Date Tabs.
Minimum fares per day, encouraging comparisons and informed choices.
Fare Comparison
Distinct, clearly labeled tabs
Enables users to compare fares effortlessly without feeling overwhelmed.
Key Information at a Glance
Improves scannability and minimizes cognitive load by displaying essential details upfront.
Visual Cues for Clarity
Coloured checkmarks, recognisable icons and grayed-out elements.
Dynamic Price Update. Eliminating surprises
Prices adjust in real-time based on fare selection, eliminating surprises and ensuring transparency.
Interactive and Visual Comparisons
Users can switch between fare tiers seamlessly, enabling exploration without commitment.
Actionable Design
The dynamic “Select” button provides clear affordance, encouraging progression in the booking flow.
Luggage Selection
Clear Categorization
Visual Cues & Hierarchy
Easy Selection Controls
Prominent CTA, ensuring smooth navigation to the next step.
Progress Indicator reinforcing clarity and user confidence..
Seat Selection
Clear Seat Map Layout
Visual Cues for Availability, enhancing clarity and helping with flow.
Dynamic Price indicator
Provides immediate feedback and prevents errors
Flexible changes on Flight Summary, supporting an and error-free experience.
Progress Indicator, reinforcing clarity and user confidence.
Flight Summary & Check Out
Summary allowing review, modify, or remove selected options before payment.
Passenger Information Autofill Users can log in for a faster checkout.
Multiple Payment Methods. Accessibility and convenience.
Secure & Transparent Payment Processing reassures users.
Clear Booking Confirmation with options to book extras.
Hi-Fi.
Final Thoughts.
Final Thoughts.
Final Thoughts.
Final Thoughts.
Reflections & Next Steps
Reflections & Next Steps
Reflections & Next Steps
Reflections & Next Steps
This project was my first deep dive into the UX process, were I witnessed the importance of research, iteration, and usability testing in creating user-centered designs. Each stage of the process, from gathering insights to refining prototypes—helped me develop a structured approach to problem-solving.
Key Learnings
User Research is Essential: Understanding user needs early on shaped key design decisions.
User Research is Essential: Understanding user needs early on shaped key design decisions.
Iteration Drives Improvement: Testing and refining based on feedback made the design more intuitive.
Iteration Drives Improvement: Testing and refining based on feedback made the design more intuitive.
Prototyping Brings Ideas to Life: Translating research into tangible wireframes and interactive prototypes strengthened my design thinking. There was a reason behind every design decision.
Prototyping Brings Ideas to Life: Translating research into tangible wireframes and interactive prototypes strengthened my design thinking. There was a reason behind every design decision.
Next Steps
Experimenting with New UX Methods: Trying different research techniques, prototyping tools, and frameworks in future projects.
Experimenting with New UX Methods: Trying different research techniques, prototyping tools, and frameworks in future projects.
Expanding Usability Testing: Conducting broader tests with diverse users to uncover more feedback.
Expanding Usability Testing: Conducting broader tests with diverse users to uncover more feedback.
Exploring Micro-interactions for UX Feedback: Improving my micro-interaction designs will help users with guidance, reduce cognitive load, and provide feedback within the flow.
Exploring Micro-interactions for UX Feedback: Improving my micro-interaction designs will help users with guidance, reduce cognitive load, and provide feedback within the flow.
This experience has deepened my understanding of the UX process and the importance of user feedback in refining designs. I’m excited to continue learning and applying these insights in future projects.
Final Thoughts.
Context
User Goals
See More
Context
User Goals
See More
Context
User Goals
Mental Models
User Behaviours
See More
Context
User Goals
Mental Models
User Behaviours
See More
Context
User Goals
See More
Context
User Goals
See More
To understand user priorities and challenges faced when booking a flight through a mobile app I conducted an Online Survey, User Interviews and Usability Testing.
Understanding the user
Online Survey
I created a SurveyMonkey survey with 9 open-ended and multiple-choice questions to gather quantitative and qualitative data. This revealed user priorities, patterns, and pain points in mobile flight booking.
60% Add extra baggage as and additional service.
82% Prioritise price & schedule when selecting
an airline.
46.7% Move forward with booking based on price.
60% Add extra baggage as and additional service.
82% Prioritise price & schedule when selecting
an airline.
46.7% Move forward with booking based on price.