This project focuses on enhancing the Emirates website’s search widget to create a smoother, more intuitive user experience. By analyzing user behavior and identifying pain points, the redesign aims to make flight searches faster, clearer, and more efficient. The goal is to improve usability while maintaining Emirates’ premium brand identity, ensuring that users can effortlessly find and book their flights with confidence.
UX
Case
Study
Fly Emirates
Project Overview
Design Process
Objectives
EmiratesAirlines has a strong reputation and a global user base, but many
visitors leave the homepage without starting a flight search.This project looks
at why users are not engaging with the most important part of the homepage,
“the flight search widget” and aims to improve it. By redesigning both the
header and the search area, the goal is to make it easier for users to find what
they need quickly and start their booking journey without confusion or delay.
Prepared By: Raed Bsat
The goal of this project is to improve the overall user experience of the
Emirates homepage by redesigning the header and flight search widget to be
more intuitive, accessible, and user-friendly. By making the search process
faster and easier to understand, users will be more likely to begin their booking
journey, stay longer on the site, and complete their tasks with less confusion or
frustration.
Personas
Empathy Map
User Flow
Objective
Research
Personas
Empathy Map
User Flow
Wireframe
Book flights fast with minimal distractions
Access loyalty account and saved preferences easily
View upgrade options for business or first class
Gets frustrated by extra steps or slow-loading forms
Finds it difficult to locate login/Skywards section quickly
Dislikes when the search widget is buried in the layout
Research
There’s no strong call to action. Nothing
clearly guides new users toward beginning
their flight search or signing in.
Trip type selection (One-way, Round-trip,
Multi-city) is missing.This limits flexibility
and confuses users who expect to begin
their booking by choosing the type of trip.
There’s no clear button during the
booking to preview stopovers, layovers,
or connections.This adds uncertainty to
the user experience and makes it feel
incomplete.
When typing a city name like :London,
the widget shows multiple airport
options without prioritization, hierarchy,
or helpful visuals. Users aren’t sure which
to pick.
The booking widget shows too many
fields at once such as: promo code.
causing cognitive overload especially
for users who just want a quick search.
Name: OmarAl-Mansouri
Age: 32
Status: Married , 2 kids
Location: Dubai , UAE
Travel Frequency :Travels Frequently
Booking Behavior: Books flights quickly
using loyalty points or corporate account
Goals:
Pain Points:
Plan a trip affordably and flexibly
Explore travel dates and destinations easily
Understand cabin options and total pricing clearly
Gets overwhelmed by too many menu items
Has trouble finding the one-way option
Unsure how to start the booking process on the homepage
Goals:
Pain Points:
Name: Layla Farhat
Age: 28
Status: Married , 2 kids
Location: Beirut, Lebanon
Travel Frequency : Once or twice a year
Booking Behavior: Plans trips 2–3 months
in advance.
Is this the best price for my trip?
Where do I even start?
I don’t want to miss any
important detail.
Can I book later if I’m not ready
now?
Thinks
A busy homepage with many menu
items
Airline deals that feel too generic
No clear place to start searching
No one-way trip option at first glance
Sees
I just want to check flights quickly
Scrolls up and down looking for the
search bar
Tries tapping multiple links before
realizing where to enter flight info
Sometimes gives up and uses another
app
Says/Does
Friends saying “try using booking
apps instead”
Ads promising easy travel planning
Influencers sharing flight hacks
and cheap deals
Hears
Sample: Layla (CasualTourist)
Goal: Book a one-way flight from Beirut to Dubai
Homepage
Lands on emirates.com
Sees simplified header + clear CTA: “Book a Flight”
Flight Search Widget
Selects “One-way”
Enters: From: Beirut (BEY),To: Dubai (DXB)
Picks departure date
Selects 1Adult, Economy
Clicks “Search Flights”
Flight Results Page
Views list of available flights
Filters by time or price (optional)
Chooses a flight
Passenger Info & Extras
Fills in traveler details
Skips or selects optional extras (seat, insurance)
Payment
Enters card details or uses Skywards points
Clicks “Confirm Booking”
Confirmation Page
Booking successful
Option to download ticket or receive email
CTA: “PlanYourTrip” or “Join Skywards”
(What We areAiming For)
Our Last Flight will be into
The Wireframe
Thanks For
Coming on
Board
RB
Fly Emirates UX Case Study
Have a project in mind?
Send me a message and let’s create.
Designed by Raed Bsat | All Rights Reserved | 2025
Contact Me
Resume
+961 70 934 103
Fly Emirates UX Case Study
This project focuses on enhancing the Emirates website’s search widget to create a smoother, more intuitive user experience. By analyzing user behavior and identifying pain points, the redesign aims to make flight searches faster, clearer, and more efficient. The goal is to improve usability while maintaining Emirates’ premium brand identity, ensuring that users can effortlessly find and book their flights with confidence.
UX
Case
Study
Fly Emirates
Project Overview
Design Process
Objectives
EmiratesAirlines has a strong reputation and a global user base, but many
visitors leave the homepage without starting a flight search.This project looks
at why users are not engaging with the most important part of the homepage,
“the flight search widget” and aims to improve it. By redesigning both the
header and the search area, the goal is to make it easier for users to find what
they need quickly and start their booking journey without confusion or delay.
Prepared By: Raed Bsat
The goal of this project is to improve the overall user experience of the
Emirates homepage by redesigning the header and flight search widget to be
more intuitive, accessible, and user-friendly. By making the search process
faster and easier to understand, users will be more likely to begin their booking
journey, stay longer on the site, and complete their tasks with less confusion or
frustration.
Personas
Empathy Map
User Flow
Objective
Research
Personas
Empathy Map
User Flow
Wireframe
Book flights fast with minimal distractions
Access loyalty account and saved preferences easily
View upgrade options for business or first class
Gets frustrated by extra steps or slow-loading forms
Finds it difficult to locate login/Skywards section quickly
Dislikes when the search widget is buried in the layout
Research
There’s no strong call to action. Nothing
clearly guides new users toward beginning
their flight search or signing in.
Trip type selection (One-way, Round-trip,
Multi-city) is missing.This limits flexibility
and confuses users who expect to begin
their booking by choosing the type of trip.
There’s no clear button during the
booking to preview stopovers, layovers,
or connections.This adds uncertainty to
the user experience and makes it feel
incomplete.
When typing a city name like :London,
the widget shows multiple airport
options without prioritization, hierarchy,
or helpful visuals. Users aren’t sure which
to pick.
The booking widget shows too many
fields at once such as: promo code.
causing cognitive overload especially
for users who just want a quick search.
Name: OmarAl-Mansouri
Age: 32
Status: Married , 2 kids
Location: Dubai , UAE
Travel Frequency :Travels Frequently
Booking Behavior: Books flights quickly
using loyalty points or corporate account
Goals:
Pain Points:
Plan a trip affordably and flexibly
Explore travel dates and destinations easily
Understand cabin options and total pricing clearly
Gets overwhelmed by too many menu items
Has trouble finding the one-way option
Unsure how to start the booking process on the homepage
Goals:
Pain Points:
Name: Layla Farhat
Age: 28
Status: Married , 2 kids
Location: Beirut, Lebanon
Travel Frequency : Once or twice a year
Booking Behavior: Plans trips 2–3 months
in advance.
Is this the best price for my trip?
Where do I even start?
I don’t want to miss any
important detail.
Can I book later if I’m not ready
now?
Thinks
A busy homepage with many menu
items
Airline deals that feel too generic
No clear place to start searching
No one-way trip option at first glance
Sees
I just want to check flights quickly
Scrolls up and down looking for the
search bar
Tries tapping multiple links before
realizing where to enter flight info
Sometimes gives up and uses another
app
Says/Does
Friends saying “try using booking
apps instead”
Ads promising easy travel planning
Influencers sharing flight hacks
and cheap deals
Hears
Sample: Layla (CasualTourist)
Goal: Book a one-way flight from Beirut to Dubai
Homepage
Lands on emirates.com
Sees simplified header + clear CTA: “Book a Flight”
Flight Search Widget
Selects “One-way”
Enters: From: Beirut (BEY),To: Dubai (DXB)
Picks departure date
Selects 1Adult, Economy
Clicks “Search Flights”
Flight Results Page
Views list of available flights
Filters by time or price (optional)
Chooses a flight
Passenger Info & Extras
Fills in traveler details
Skips or selects optional extras (seat, insurance)
Payment
Enters card details or uses Skywards points
Clicks “Confirm Booking”
Confirmation Page
Booking successful
Option to download ticket or receive email
CTA: “PlanYourTrip” or “Join Skywards”
(What We areAiming For)
Our Last Flight will be into
The Wireframe
Thanks For
Coming on
Board
RB
Designed by Raed Bsat | All Rights Reserved | 2025
+961 70 934 103
Have a project in mind?
Send me a message and let’s create.
Contact Me
Resume
UX
Case
Study
Fly Emirates
Project Overview
Design Process
EmiratesAirlines has a strong reputation and a global user base, but many
visitors leave the homepage without starting a flight search.This project looks
at why users are not engaging with the most important part of the homepage,
“the flight search widget” and aims to improve it. By redesigning both the
header and the search area, the goal is to make it easier for users to find what
they need quickly and start their booking journey without confusion or delay.
Prepared By: Raed Bsat
The goal of this project is to improve the overall user experience of the
Emirates homepage by redesigning the header and flight search widget to be
more intuitive, accessible, and user-friendly. By making the search process
faster and easier to understand, users will be more likely to begin their booking
journey, stay longer on the site, and complete their tasks with less confusion or
frustration.
Personas
Empathy Map
User Flow
Objective
Research
Personas
Empathy Map
User Flow
Wireframe
Book flights fast with minimal distractions
Access loyalty account and saved preferences easily
View upgrade options for business or first class
Gets frustrated by extra steps or slow-loading forms
Finds it difficult to locate login/Skywards section quickly
Dislikes when the search widget is buried in the layout
Research
There’s no strong call to action. Nothing
clearly guides new users toward beginning
their flight search or signing in.
Trip type selection (One-way, Round-trip,
Multi-city) is missing.This limits flexibility
and confuses users who expect to begin
their booking by choosing the type of trip.
There’s no clear button during the
booking to preview stopovers, layovers,
or connections.This adds uncertainty to
the user experience and makes it feel
incomplete.
When typing a city name like :London,
the widget shows multiple airport
options without prioritization, hierarchy,
or helpful visuals. Users aren’t sure which
to pick.
The booking widget shows too many
fields at once such as: promo code.
causing cognitive overload especially
for users who just want a quick search.
Name: OmarAl-Mansouri
Age: 32
Status: Married , 2 kids
Location: Dubai , UAE
Travel Frequency :Travels Frequently
Booking Behavior: Books flights quickly
using loyalty points or corporate account
Goals:
Pain Points:
Plan a trip affordably and flexibly
Explore travel dates and destinations easily
Understand cabin options and total pricing clearly
Gets overwhelmed by too many menu items
Has trouble finding the one-way option
Unsure how to start the booking process on the homepage
Goals:
Pain Points:
Name: Layla Farhat
Age: 28
Status: Married , 2 kids
Location: Beirut, Lebanon
Travel Frequency : Once or twice a year
Booking Behavior: Plans trips 2–3 months
in advance.
Is this the best price for my trip?
Where do I even start?
I don’t want to miss any
important detail.
Can I book later if I’m not ready
now?
Thinks
A busy homepage with many menu
items
Airline deals that feel too generic
No clear place to start searching
No one-way trip option at first glance
Sees
I just want to check flights quickly
Scrolls up and down looking for the
search bar
Tries tapping multiple links before
realizing where to enter flight info
Sometimes gives up and uses another
app
Says/Does
Friends saying “try using booking
apps instead”
Ads promising easy travel planning
Influencers sharing flight hacks
and cheap deals
Hears
Sample: Layla (CasualTourist)
Goal: Book a one-way flight from Beirut to Dubai
Homepage
Lands on emirates.com
Sees simplified header + clear CTA: “Book a Flight”
Flight Search Widget
Selects “One-way”
Enters: From: Beirut (BEY),To: Dubai (DXB)
Picks departure date
Selects 1Adult, Economy
Clicks “Search Flights”
Flight Results Page
Views list of available flights
Filters by time or price (optional)
Chooses a flight
Passenger Info & Extras
Fills in traveler details
Skips or selects optional extras (seat, insurance)
Payment
Enters card details or uses Skywards points
Clicks “Confirm Booking”
Confirmation Page
Booking successful
Option to download ticket or receive email
CTA: “PlanYourTrip” or “Join Skywards”
(What We areAiming For)
Our Last Flight will be into
The Wireframe
Thanks For
Coming on
Board
Raed
Fly Emirates UX Case Study
This project focuses on enhancing the Emirates website’s search widget to create a smoother, more intuitive user experience. By analyzing user behavior and identifying pain points, the redesign aims to make flight searches faster, clearer, and more efficient. The goal is to improve usability while maintaining Emirates’ premium brand identity, ensuring that users can effortlessly find and book their flights with confidence.
Have a project in mind?
Send me a message and let’s create.
+961 70 934 103
Designed by Raed Bsat | All Rights Reserved | 2025
Contact Me
Resume