* UX / UI Case Study  ·  2026

An AI-driven flight search app that turns scattered flight prices into clear booking decisions, compare fares, and watch routes before prices change.

UX/UI Designer iOS Mobile Figma · Photoshop · Illustrator
FlyLens price results screen
Scroll to explore
Role
UX/UI Designer
Platform
iOS Mobile App
Tools
FigmaPhotoshopIllustrator
01 The Problem

Travellers were
checking 8 tabs.
For one flight.

International students and price-sensitive travelers often spend days or even weeks checking the same routes across multiple booking platforms. The problem is not a lack of flight options, but the difficulty of understanding which fare is actually reasonable and when to book.

Because prices change quickly and each platform presents different information, users are left to compare fares manually, second-guess their decisions, and worry about either booking too early or waiting too long. This creates unnecessary stress and makes finding a suitable flight feel more complicated than it should be.

Plane overhead in blue sky
02 Design Process
Design process: Research, Define, Wireframing, UI, Presentation
Malisa Chen persona photo
Malisa Chen
28 · Marketing Manager · Vancouver
03 User Research

"I find a flight, close the tab, check again the next day, and somehow I'm still not sure if I should book it."

Goals
  • Find the lowest fare quickly
  • Know when the right time to book is
  • Track prices without constant checking
  • Smooth, trustworthy booking flow
Frustrations
  • Prices change between browser tabs
  • No single reliable source of truth
  • Unclear if a price is actually fair
  • Missing deals because of bad timing
Behaviours
  • Travels 4-6x per year
  • Books 3-6 weeks in advance
  • Heavy mobile user
  • Price-conscious, values speed
04 Architecture

Mapping the journey.

Before screens, the structure. User flow and information architecture grounded every design decision.

User Flow
User flow diagram
Information Architecture
Information architecture diagram
05 Visual Identity

Built on clarity
and trust.

A palette of soft blues and cobalt, a wordmark with a spark. FlyLens looks like a brand that knows what it's doing.

FlyLens logo
The FlyLens wordmark pairs a spark mark with a clean sans-serif, readable at a glance, trustworthy at scale. Cobalt blue as primary; white for all reversed contexts.
Primary
#383BCB
Lavender
#D6D6EF
Surface
#F3F4F9
Ink
#0D0F1A
06 User Journey

Six moments that
define the experience.

No Subject About Flight Tracking App
(01)
Onboarding

Onboarding introduces FlyLens through a simple, guided flow. It helps first-time users understand how the app compares fares, explains price signals, and supports smarter booking decisions.

Onboarding screen 1Stop Checking 8 Tabs
Onboarding screen 2Watch the Right Price
Onboarding screen 3Know If the Price Is Fair
(02)
Registration

After the introduction, users can quickly enter the app through Google, email, or guest access. The registration step is kept minimal so users can start searching flights without unnecessary friction.

Login screenSign In / Register
(03)
Booking Journey

Our booking journey is the main experience in FlyLens. Users enter their route, travel dates, traveler details, and price prediction preference, then FlyLens compares available fare options and presents the results in a clearer format. The results screen does not only show the lowest price; it also shows the provider source, price trend, and AI Prediction guidance.

Route inputRoute & Date Input
Price resultsPrice Results
AI predictionAI Prediction
(04)
Watchlist

The Watchlist works as a price monitoring hub for users who are not ready to book immediately. It allows users to save routes, compare the current fare against their target price, review recent price changes, and receive alerts when a route becomes worth booking. This turns the app from a one-time search tool into an ongoing travel assistant.

Watchlist screenPrice Watchlist
(05)
Profile

Profile brings together saved routes, fare updates, travel preferences, notifications, and account settings so users can manage their travel decisions from one place. This reduces repeated setup work and makes future searches more relevant. Instead of starting from zero every time, users can rely on FlyLens to remember their travel habits and support faster, more confident booking decisions.

Profile screenProfile & Preferences
(06)
Success Booking

The Success Booking screen confirms that the user's flight information is ready after choosing a deal. The ticket-style layout highlights key trip details such as destination, flight number, gate, seat, passenger, and digital pass.

Digital boarding passDigital Boarding Pass
Calendar confirmationAdd to Calendar
08 Reflection

What I
learned.

FlyLens began with my own experience as an international student, where booking flights home always felt more stressful than it should be.

Where it started
I often need to travel between school and home, and booking flights has always been a stressful process. Prices change quickly, information is scattered across different platforms, and even when I find a fare that looks reasonable, it is still difficult to know whether I should book it immediately or wait.
Beyond search
I wanted FlyLens to be more than another flight search tool — an AI-assisted travel product that helps users compare fares, understand price changes, and make more confident booking decisions. Instead of forcing users to repeatedly check different websites, FlyLens brings the information together and provides clearer guidance on whether a fare is worth booking, watching, or reconsidering.
AI with purpose
Throughout the project, I focused on how AI could support users in a practical way rather than simply being added as a trendy feature. For FlyLens, the value of AI is in reducing search friction, organizing complex fare information, and helping users feel less anxious about missing the right ticket.
Who it's for
I hope FlyLens can support people with similar experiences, especially international students and frequent travelers, by making it easier to find suitable flights and feel more confident about when to book.
View More Work