top of page
image 3
UI/UX Case Study

Patrick: Flight
Tracker App

A smartwatch app concept designed to support traveler's during flight delays and rebooking scenarios, with equal focus on tech-savvy jetsetters and accessibility- first users. 

MG213_VW_PF 1
MY812ref_VW_PF_adobespark
Ellipse 374

Shaun Little

My Patrick App

Patty Logo Light

Settings

image 22
image 21

1h 15m Total travel time

In-flight WI-FI available

Learn More

Mask Group
Mask Group
Ellipse 374

Kyle Roso

My Patrick App

Patty Logo Light

Settings

NAME

Kyle Roso

BOARDING

11:30 AM

SEAT

22C

GATE

7

TERMINAL

2

Scan

BOARDING PASS

Ellipse 374

Sammy Swan

My Patrick App

Patty Logo Light
photo-1603376277241-70b32265cf10.avif

PATRICK AI MESSENGER

Welcome
Apple Watch Ultra - Alpine Band 3

The Problem

Flight disruptions leave travellers confused, stressed, and unsure of what to do next. Airlines often provide limited communication, unclear instructions, and long wait times for support. Passengers struggle to understand their options whether they can rebook, claim compensation, or find alternative routes. These breakdowns create emotional frustration and prevent travellers from overcoming disruptions quickly and confidently.

Research Goals

Understand how travelers currently experience flight delays, cancellations, and missed connections.
Identify emotional and logistical pain points during disrupted journeys.
Explore how passengers seek help (airline apps, staff, call centers) and where these systems fail.
Determine what information travelers need most urgently during disruptions.
Investigate how different user types (tech-savvy vs. low digital literacy) navigate rebooking and compensation processes.

image 49
image 50

Target Audience

  • Frequent business travelers

  • Older travelers (low digital literacy users)

  • Solo travelers

  • Smartwatch-first users

The Approach

Patrick was designed using a user-centred, disruption-first approach, focusing on moments of high stress rather than ideal travel scenarios. The app prioritises smartwatch interactions to deliver timely, glanceable, and haptic-based guidance when users are most likely to be overwhelmed or time-poor. By supporting both high and low digital-literacy users, including older and accessibility-needs travelers, Patrick simplifies complex airline processes such as delays, cancellations, rebooking, and refunds into clear, step-by-step actions that reduce cognitive load and decision fatigue during disrupted journeys.

My Role

My role focused on designing the Patrick app for the Apple Watch, which required a highly simplified, watch-first approach due to limited screen space and interaction. The concept was inspired by my own experience flying from New York to Sydney, when I realised mid-flight I would miss my connection and felt overwhelmed and unsure how to fix it. When I landed, my dad, Patrick, had already rebooked my flight and booked a hotel, allowing me to bypass long rebooking lines. This experience shaped the app’s goal: to reduce stress during travel disruptions by delivering calm, immediate support directly on the wrist.

Design Thinking Process

Patrick applied a human-centred design thinking process, moving from user empathy to rapid prototyping and iteration. This ensured the app addressed real pain points experienced during flight delays and cancellations.

Emphatize

User Research
User Interview
Entrant Analysis

User Persona
User Jouney Map
Goal Statement
Empathy Map

Define

Ideate

Brainstorming
Card Sorting
User Flow

Paper Wireframes
Visual Design
Prototype

Design

Test

Check Usability
Survey Insight
Improvements

Project Timeline

1st
Week

2nd
Week

3rd
Week

4th
Week

5th
Week

6th
Week

7th
Week

8th
Week

9th
Week

10th
Week

11th
Week

12th
Week

UX Design

Strategy
(Research)

Paper
Wireframes

Usability
Testing Phase

Visual Design
& Prototyping

Interview, Empathy Map,
User Journey Map

Problem Statement &
Goal Statement

Competitive Analysis &
Information Architecture

UI Design

Emphatize Phase

Qualitative Research

Ethnographic observation of air travel disruption scenarios complemented qualitative interviews, revealing how travelers repeatedly check devices, miss critical notifications, and struggle with complex airline interfaces under stress. These insights reinforced the need for a smartwatch-first, low-cognitive-load solution.

Interview Questions

  • Can you tell me about the last time you experienced a flight delay or cancellation?

  • What was the most stressful moment during that disruption, and why?

  • Who were you traveling with, and how did that affect your experience?

  • Where did you first look for information when something went wrong with your flight?

  • Did you feel the information you received was clear and timely? Why or why not?

  • Have you ever missed an important flight update or notification? What happened?

  • Which apps or tools did you use during the disruption, if any?

  • What frustrated you most about airline or travel apps in that moment?

  • How did you use your phone or smartwatch during the disruption?

Uncertainty creates more stress than the delay itself  Participants described the lack of clear, timely information as more anxiety-inducing than the disruption, especially when updates were delayed or contradictory.
Travelers rely on multiple sources but trust none fully  Users checked airline apps, airport screens, emails, texts, and staff simultaneously, indicating fragmented communication and low confidence in any single source.
Missed notifications are common in high-stress environments  Many participants reported missing critical updates due to phone battery issues, noisy environments, notification overload, or having their phone in a bag.

Key Insight Derived

Quantitative Research

A quantitative survey captured travel frequency, disruption exposure, device usage, and notification reliability across participants. The data supported qualitative insights, highlighting missed updates, high notification dependency, and opportunities for glanceable, wrist-based interactions.

Have you experienced a flight delay or
cancellation in the past 12 months?

Yes

No

67%

33%

60%

40%

Did you feel confident you knew what
to do next during the disruption?

Yes

No

Lorem ipsum dolor sit amet, consectetur
adipiscing elit?

Yes

No

80%

20%

76%

24%

Have you ever missed a flight
update or notification?

Yes

No

How did you use your phone or
smartwatch during the disruption?


Iphone

Smartwatch

80%

20%

Ethnography Mapping

Competitors Mapping

  • Travelers overwhelmingly rely on their phones during flight disruptions, increasing cognitive load at already stressful moments.

  • Smartwatches are present but underutilised, functioning mainly as passive devices rather than active support tools.

  • Missed notifications are common during disruptions, often due to noise, distraction, or notification overload.

  • Users want immediate clarity on what to do next rather than multiple complex options during disruptions.

  • Glanceable, wrist-based updates have strong potential to reduce stress and improve confidence during disrupted travel.

Key Insight Derived

Reddit, r/QuantasFrequentFlyer, 12 Feb 2024
“...I paid a premium for 830am flight... Missed the lunch so good waste of $600 🤦🏽‍♂️ I called to see if there is any compensation for this...”
User based in Sydney Has three posts in r/QantasFrequentFlyer This user is a Platinum frequent flyer that uses flights for business.
Paying extra for an early flight made the delay feel like a financial loss. Missing an important meeting increased stress and frustration. Uncertainty about compensation shows travellers don’t know their rights during delays.
Repeated disruptions erode trust Missed connections create major inconvenience Uncertainty increases frustration
User based in Adelaide 1372 contributions They fly a lot for business and are frustrated with delayed flights constantly
What happened to Qantas! ? On two recent trips to Melbourne one flight was so delayed that I missed my connection and had to overnight in Melbourne...
Tripadvisor, Vandieman111, 2 Dec 2024
Long-term loyalty heightens disappointment Poor customer service breaks trust Domestic–international connections increase stakes
This author is based in Sydney The airline offered poor customer service and no accountability
I have been a frequent flyer and Qantas Club member for 26 years and have never witness such a lack of customer service.
Tripadvisor, brennanstephen62, July 2023
Aircraft downgrades create large-scale displacement Rebooking delays force travellers to change plans Refunds and vouchers don’t erase inconvenience
Author from Brisbane Posts on Reddit very frequently More than 50 people where effected by this.
I was suppose to be on a Jetstar flight last Friday. At the boarding gate was told they have downgraded the aircraft and I would need to go to service desk. Went there and was told there were more than 50 other people which were in similar situation and they can help me rebook for tomorrow...
Reddit, /brisbane, Nov 2024
AmericanAir.png
expedia.jpg
flightaware.webp
booking.jpeg
Context
Data Recorded
Observation
Interpretation

American
Airlines

FlightAware

Expedia

Booking.com

Define Phase

User Persona

While the project team developed two user personas to represent different traveler needs, this portfolio focuses on one primary persona suited to a smartwatch-first experience. This persona represents a time-poor traveler who requires fast, glanceable updates and clear guidance during flight disruptions. Focusing on this persona allowed the smartwatch interface to be designed for minimal interaction, reduced cognitive load, and high-stress travel moments.

Peter Parson

Goals

  • Immediate detection of missed connections

  • Clear, personalised recommendations he can act on quickly

  • Stress-free rebooking and compensation guidance

Personality

Breif Story

Age

Frustations

Education

Status

  • Long customer service wait times

  • Confusing rebooking flows

  • Apps that show limited or irrelevant flight options

  • Feeling “out of the loop” during flight disruptions

Occupation

Location

39

Masters

Single

Finance

Brisbane

Needs

Calm
Thinker
Strict
  • Immediate, reliable disruption alerts

  • Fast, glanceable information

  • Clear guidance on what to do next

  • Confidence and reassurance under stress

  • Minimal interaction and time commitment

Peter is a high-performing finance professional who travels frequently for work, often flying business class. He’s tech-savvy, efficiency-driven, and expects smooth, premium experiences. When disruptions occur, he becomes frustrated by wasted time, unclear communication, and processes that slow down his schedule. Peter values health, convenience, and sustainability, and wants tools that feel fast, intelligent, and tailored to him.

Ellipse 58

Motivations

  • Save time and avoid unnecessary delays

  • Maintain control during disrupted travel

  • Access clear, personalised flight guidance

  • Ensure travel aligns with his wellness and dietary needs

Empathy Map

Thinks

Says

  • “I just need to know what’s happening.”

  • “Why is this taking so long to update?”

  • “What should I do next?”

  • “I don’t have time to dig through multiple apps.”

  • “I hope I don’t miss an important update.”

  • “There must be a faster way to handle this.”

Feels

Does

Ellipse 64
  • Repeatedly checks his phone and airport screens

  • Switches between airline apps, emails, and messages

  • Glances at his smartwatch for notifications or time

  • Anxious and frustrated by uncertainty

  • Overwhelmed by too much information

  • Relieved when guidance is clear and actionable

Task Flow

Task Flow (Peter Parson)

Disruption
Detection

Midair Flight Rebook Flow

Patrick Checks
Flight Status

User Flow

Home
Screen

Decision
Prompt

Sees Next
Flight will
be Missed

Rebooking
Prompt

Option Yes
Clicked

Auto
Suggestion
Options

Option No
Clicked

Auto Rebooks
Same Day
Flight

Messaging
Interface

Best Flight
From Patrick

Accomm
Needed

Holds Ticket
Till User
Lands

Relaxing
Bluetooth
Audio

Accomm
Needed

Rebooking
Confirmation

User Confirms
Flight

Confirm
Changed
Flight

User
Satisfied

Rebooking
Complete

Rebooking
Complete

Since the Apple Watch interface is limited in screen size and interaction complexity, the Patrick app’s flows are intentionally simplified and highly focused. Each flow reduces cognitive load by presenting only essential information, binary choices, and short, reassuring AI messages at moments of disruption. This constraint-driven design ensures users can move from confusion to clarity quickly, even in high-stress travel scenarios, without needing prolonged attention or complex navigation.

Key Features

1. Learns User
Preferences Over Time

2. Intelligent,
Preference-Based Rebooking

3. Hands-Free
Disruption
Management

4. Background AI
Processing Across
Devices

Patrick uses AI to understand each traveler’s habits, including preferred airlines, seating choices, meal types, hotel chains, loyalty programs, and common travel routes. This enables personalised recommendations that become more accurate with every trip.

The app automatically rebooks disrupted flights according to the user’s historical preferences.


Example:
Maxine always flies economy, is loyal to Marriott hotels, and prioritises earning points. She also enjoys arriving early for a pre-flight glass of wine. Patrick accounts for all of these factors, ebooking her flight, securing the right hotel, and sending reminders about airport travel time and gate-adjacent wine bars.

If a flight is delayed or cancelled, Patrick handles the entire process:

Finds the best alternate flight
Rebooks it automatically
Manages compensation eligibility
Secures accommodation if needed
The user only needs to approve the change with a single tap.

Because the Apple Watch has limited screen space, not all features are visible on the wearable.
The heavy lifting rebooking, hotel searches, refund checks, and itinerary optimisation occur on the companion iPhone and tablet apps.
The smartwatch serves as the real-time surface layer, delivering:
 

instant alerts,

status updates,

breathing exercises and stress-relief tools,

and quick confirmations.

This ensures the user stays informed and calm without overwhelming the small interface.

First Wireframe

image 51

High-Fidelity Wireframes

Mask group

Navigation

Patrick App

10:18

High-Fidelity Wireframes

Mask group

Typography & Colors

Font Used

Urbanist

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Satoshi Bold

Satoshi Regular

1234567890

Satoshi Medium

Satoshi Light

Urbanist is an elegant and modern sans-serif typeface with a clean, minimal aesthetic. Its clear letterforms enhance readability across digital and print applications, while its wide range of weights offers strong versatility.

Color Swatches

Alert Swatches

Final Design

Profile

Settings

Users profile image and the button to get
back to the home page on all other pages.

Change AI settings here.

APP

Settings

Ellipse 374

Peter Parson

My flight log

Next Flight: ALPHA AIRLINES

BNE                      TPE
Brisbane              Thailand

FLIGHT

DATE

DELAYED

ETA

AA620

10:00 PM

ETA

16 April

16 April

kisspng-boeing-737-next-generation-boeing-767-boeing-777-b-5b027c16032fd4.7875933715268894940131 1

Learn More

Past Flights Passport

Distance (Miles)

890,132

Flights

458

Flight time

Airports

Airlines

80d 21h

82

15

Notfications

Message Patrick

Confirmation

Relax & Reset

Navigation

Flight Info

A quick glance of flight information about
your next flight.

Passport

Flight data.

Navigation Bar

User can access Home page, AI Messaging, Confirmation page, Relaxing page and Airport Navigation page.

Flight Details

Details about your flight, users can glace quickly at.

Flight Status

Nav Bar

App pages.

NEXT FLIGHT

MNL                    TPE

22:15                                                       08:34

Flight 2 of 2

FLIGHT

DATE

AA772

17 April

TERM

T1

STATUS: AT RISK
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

kisspng-boeing-737-next-generation-boeing-767-boeing-777-b-5b027c16032fd4.7875933715268894940131 1

Lets users know in a bold way what the current status of their flight is.

MX2P2_VW_PF 14
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

NAME

Peter Parson

BOARDING

10:00 PM

SEAT

2A

GATE

1

TERMINAL

21

Scan

BOARDING PASS

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

NAME

Peter Parson

BOARDING

10:00 PM

SEAT

2A

GATE

1

TERMINAL

21

Scan

BOARDING PASS

Mask Group
MX2P2_VW_PF 15
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

Rectangle 19
Rectangle 17
Rectangle 17

4.8

4.6

Closed

McDonalds
Brisbane Airport

KFC Restaurant
Brisbane Airport

Background
Background

4.7

4.9

trends
Brisbane Airport

Rolex

Popular Shops                                                  

Restaurant Recommendations

Special Promotions

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

Rectangle 19
Rectangle 17
Rectangle 17

4.8

4.6

Closed

McDonalds
Brisbane Airport

KFC Restaurant
Brisbane Airport

Background
Background

4.7

4.9

trends
Brisbane Airport

Rolex

Popular Shops                                                  

Restaurant Recommendations

Special Promotions

Mask Group
MX2P2_VW_PF 16

LOCATION:
50 m to hotel transport

Once you arrive to the transport, it is 7 minutes to the hotel

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image 26
Rectangle 19

Special Promotions

NAVIGATION

LOCATION:
50 m to hotel transport

Once you arrive to the transport, it is 7 minutes to the hotel

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image 26
Rectangle 19

Special Promotions

NAVIGATION

Mask Group
MX2P2_VW_PF 13
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image 5

Hyatt Regency
Check In: 8:00 PM
Free WIFI

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image 5

Hyatt Regency
Check In: 8:00 PM
Free WIFI

Mask Group
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image 5

Hyatt Regency
Check In: 8:00 PM
Free WIFI

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image 5

Hyatt Regency
Check In: 8:00 PM
Free WIFI

Mask Group
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

NAME

Peter Parson

BOARDING

10:00 PM

SEAT

2A

GATE

1

TERMINAL

21

Scan

BOARDING PASS

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

NAME

Peter Parson

BOARDING

10:00 PM

SEAT

2A

GATE

1

TERMINAL

21

Scan

BOARDING PASS

Mask Group
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

Rectangle 19
Rectangle 17
Rectangle 17

4.8

4.6

Closed

McDonalds
Brisbane Airport

KFC Restaurant
Brisbane Airport

Background
Background

4.7

4.9

trends
Brisbane Airport

Rolex

Popular Shops                                                  

Restaurant Recommendations

Special Promotions

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

Rectangle 19
Rectangle 17
Rectangle 17

4.8

4.6

Closed

McDonalds
Brisbane Airport

KFC Restaurant
Brisbane Airport

Background
Background

4.7

4.9

trends
Brisbane Airport

Rolex

Popular Shops                                                  

Restaurant Recommendations

Special Promotions

Mask Group

LOCATION:
50 m to hotel transport

Once you arrive to the transport, it is 7 minutes to the hotel

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image 26
Rectangle 19

Special Promotions

NAVIGATION

LOCATION:
50 m to hotel transport

Once you arrive to the transport, it is 7 minutes to the hotel

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image 26
Rectangle 19

Special Promotions

NAVIGATION

Mask Group

Final Design Outcome

The Patrick app delivers a calm, accessible smartwatch-first experience that supports passengers during flight disruptions by prioritising clarity, reassurance, and timely information. By reducing cognitive load and surfacing only the most critical actions at moments of stress, the design empowers users to feel informed and supported rather than overwhelmed. The final outcome demonstrates how thoughtful interaction design can transform complex travel disruptions into a more human, manageable experience.

MX2P2_VW_PF 1
Settings
Ellipse 374

Peter Parson

My flight log

Next Flight: ALPHA AIRLINES

BNE               TPE
Brisbane          Thailand

DELAYED

FLIGHT

AA620

10:00 PM

DATE

16 April

ETA

kisspng-boeing-737-next-generation-boeing-767-boeing-777-b-5b027c16032fd4.7875933715268894940131 1

ETA

16 April

Settings
Ellipse 374

Peter Parson

My flight log

Mask Group
MX2P2_VW_PF 9
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light
photo-1603376277241-70b32265cf10.avif
Ellipse 12

Hi Peter! Let's fix your cancelled flight!

Yes, what do you need from me?

Ellipse 12
Ellipse 12

Nothing for now! Click here to sit back and relax:    🧘

PATRICK AI MESSENGER

Mask Group
MX2P2_VW_PF 2

2h 45m Total travel time

image 21
image 22

Delay Reason

Learn More

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

In-flight WI-FI available

Mask Group
MX2P2_VW_PF 10
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light
photo-1603376277241-70b32265cf10.avif

Relax & Reset

Breathing Exercise  

Meditation Sounds

Sleep Helper

Mask Group
MX2P2_VW_PF 6
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

NEXT FLIGHT

MNL         TPE

22:15                                                       08:34

Flight 2 of 2

FLIGHT

DATE

AA772

17 April

TERM

T1

STATUS: AT RISK
kisspng-boeing-737-next-generation-boeing-767-boeing-777-b-5b027c16032fd4.7875933715268894940131 1
Mask Group
MX2P2_VW_PF 4

NEXT FLIGHT

BNE           MNL

11:05                                                       04:50

FLIGHT

DATE

AA620

16 April

TERM

T2

STATUS: DELAYED
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

kisspng-boeing-737-next-generation-boeing-767-boeing-777-b-5b027c16032fd4.7875933715268894940131 1

Status: CANCELED

Flight Alert

Patrick
Patty Logo Light

DISMISS

Mask Group
MX2P2_VW_PF 3

NEXT FLIGHT

BNE         MNL

11:05                                                        16:50

FLIGHT

AA620

DATE

16 April

TERM

T2

STATUS: DELAYED
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

kisspng-boeing-737-next-generation-boeing-767-boeing-777-b-5b027c16032fd4.7875933715268894940131 1

Flight 1 of 2

Mask Group
MX2P2_VW_PF 5
STATUS: CANCELED
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

NEXT FLIGHT

BNE         MNL

11:05                                                       16:50

kisspng-boeing-737-next-generation-boeing-767-boeing-777-b-5b027c16032fd4.7875933715268894940131 1

Flight 1 of 2

FLIGHT

DATE

AA620

16 April

TERM

T2

Mask Group

The Patrick app delivers a calm, accessible smartwatch-first experience that supports passengers during flight disruptions by prioritising clarity, reassurance, and timely information. By reducing cognitive load and surfacing only the most critical actions at moments of stress, the design empowers users to feel informed and supported rather than overwhelmed. The final outcome demonstrates how thoughtful interaction design can transform complex travel disruptions into a more human, manageable experience.

Final Design Outcome

MX2P2_VW_PF 11

Relax & Reset

Breathing Exercise  
Meditation Sounds
Sleep Helper

DISMISS

Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Good News

Patrick

Flight & Accommodation
rebooked

Patty Logo Light
Mask Group
Mask Group

From Figma to Wix

The Patrick app was originally designed and prototyped in Figma, where layout, spacing, and interaction details were carefully refined. To present the project within my Wix portfolio, the designs were translated from Figma into Wix components.
 

During this transfer, some visual details such as spacing, alignment, and component behaviour were affected due to platform constraints and differences between Figma’s design system and Wix’s layout engine. While the Wix version reflects the overall structure and intent of the design, the Figma prototype represents the most accurate and polished version of the final UI and interaction design.

MX2P2_VW_PF 7
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light
photo-1603376277241-70b32265cf10.avif

PATRICK AI MESSENGER

Ellipse 12

Hi Peter! It seems your flight was canceled. Lets fix that!

MX2P2_VW_PF 8
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light
photo-1603376277241-70b32265cf10.avif

PATRICK AI MESSENGER

Yes, what do you need from me?
Mask Group
Mask Group
MX2P2_VW_PF 12
Ellipse 374

Peter Parson

My Patrick App

Patty Logo Light

Settings

image
image 5

Flight & Hotel Rebooked

You’re All Set Peter!

Mask Group
bottom of page