I was the sole UX/UI designer on this project.
PROJECT DURATION
December 2024 - February 2025
SKILLS
Advanced Figma prototyping
Product Design
UX Research & User Testing
CATAGORY
Mobile application
Why is the airport stressful? What are users saying about the experience?
USER QUOTES
"I look for anything that’s filling, like pasta so it's my only meal of the day."
"Mom does not want to leave the gate and she wants fast food so we can go back and sit."
80%
Fear & Urgency
Users were anxious about missing their flights and often waited at their gate.
100%
Spending Money
Complaints of expensive shops that lead them to spend as little as possible.
100%
Airport Food
Was too expensive and users had concerns about food safety or allgeries.
Through interviews, one unique problem became my focus
Anxieties Over Time & Missed Flights
The site map was designed to help save time and help users wait at their gate
SITE MAP
The problem was how big airports could be, where users may not have the time to wait at shops they want before flying from their gate.
TIME & MISSED FLIGHTS
A delivery and check out feature was created to help users skip long lines and focus on their flights.

Creating it visually in Figma & adding a new feature
NEW ADDITIONS
Adding an “Order Ahead” feature
This will allow users to place orders ahead of time to their next destination.
SOLVING FOR TIME
Research showed users were worried for time, so ordering ahead even before they arrive could fix this, especially if they are busy after the flight.

Fail fast: the mid fidelity test was criticized by users
REGULAR ORDER & DELIVERY
Testing resulted in users not understanding the regular order flow due to the top part of the app resembling a boarding pass app than delivery.
ORDER AHEAD FAILURE
“Order Ahead” was poorly explained in the flow, enough to where users made up features, such as automatic delivery.
80%
“Where is the shop?”
Users were confused by the Dashboard and couldn't figure where to find the storefronts.
80%
What is “Order Ahead?”
Users had a hard time understanding the concept of an “Order Ahead” feature.
40%
“Is this automatic?”
Users assumed the app could place orders ahead for them automatically when that was not the case.
Learning from disaster in the next iteration
REDOING THE DASHBOARD
The dashboard was redesigned to where the storefront was now fully visible below the boarding pass.
BOARDING PASS FEATURE
A boarding pass feature was deemed a necessity to skip users selecting airport location and terminal, from the pervious task flows, to cut down on actions.

Introducing Layover, the world’s first boarding pass + food delivery app
UI KIT & BRAND DESIGN
The style kit was finalized and implemented with the app’s theme colors. The deep blues and bright oranges are made to contrast for a strong brand and high trust.

Solving for the confusion in “Order Ahead” with user suggestions
UNEXPECTED SOLUTION
In my next rounds of testing, I ran into the same issue over and over again regarding “Order Ahead”, until a user I tested mentioned how it resembled a traditional “Wish List”.
THE WISHLIST
The structure of the wishlist was simple and a new task flow was created to see how it would flow with the rest of the checkout process.

Wishlist in action in high fidelity
PLACING ORDER AHEAD
The new wishlist prevents users from going to the payment screen, instead it directly asks to “Hold” the order.
Only after the user directly releases the order from the dashboard will they have an option to charge their card.
GIVING POWER BACK TO THE USERS
This new change will give users full control on when they want to place orders, especially from connecting flights.

yw.rworks@gmail.com
© 2025 Wei Yan
MY SOCIALS & Information
Linkedln
Resume
SITE MAP
Works
About
Reflection
KEY TAKE AWAYS
Crafting and maintaining a detailed design system.
Design problems can have unexpected solutions.
NEXT STEPS
Conduct user testing on current final prototype and record results for further improvements.
Refine designs based on feedback.
Other projects
Check out my other works
ARCHIVE OF OUR OWN
Redesign
ARCHIVE OF OUR OWN
Redesign



GTP Redesign
GTP Redesign
GTP Redesign
GTP Redesign



Layover

Problem
Users are exhausted from tight flight schedules and long lines at storefronts.
Solution
Build an application that can help users cut down on wait times, at the airport shops.