From
Ruyi
Zhang
UT
TSA
[OVERVIEW]
Background
Neuropeutics is a website about bio tech balabala
Problem
How might we help frequent travellers navigate airport processes more smoothly and confidently, reducing stress and uncertainty throughout their journey.
15-50 mins
Estimated waiting time at airport passport control
Based on 2016 weekend data from ATL, ORD, and LAX airports
Only 34% travellers are satisfied with their overall airports experience
[RESEARCH]
Source of Information
Academic Journals and Industry Reports
Airports Case Studies
Online Forums and Personal Travel Tips
Research Method
Interview, Survey, Usability test
80%
Time is wasted due to long queues and unclear directions
36%
Real-time information reduces stress and improves flow
43%
Travellers want tools to plan and streamline their trip
Demographic
Age: 20-25
Language: English/French
City Base: Toronto
Income: Middle class
Define
Julia
Watson
Age
Income
Language
Location
Occupation
30
$120,000/yr
English, French
Toronto
Business Consultant
Julia is a consultant for a business company in Toronto, and she needs to travel frequently to and from the United States and other European countries. She has to go in and out of the airport 3-4 times a month, frequently travelling between airports such as Toronto, New York, and Paris. Due to the high frequency of business travel, he found some stress in the airport.
Pain Point
Long waiting times at security and customs checkpoints, often leading to anxiety and lost productivity.
Difficulty keeping up with dynamic flight status updates, such as gate changes or delays.
Limited access to timely, relevant airport information, making it hard to discover suitable activities, amenities, or quiet spaces before boarding.
Persona
User Journey Map
Arrive and find the gate info by checking the airport screen and map
“Can I check-in on my phone for this flight? I hope the schedules are on time?”
1
Discovery
Check signs periodically to confirm she’s on track
“I need to hurry up and find my airline counter on the screen.”
2
Access
Periodically check the phone to make sure everything is on track
“Is everything stays on schedule? Is there any rearrangement?”
3
Arrive
Choose the fastest route to the new gate based on app suggestions
“How long I need to walk to the new gate? Is there time enough?”
4
Consideration
Correct the path using the app after initially taking a wrong turn
“This map is leading me to the right direction and destination.”
5
Re-navigation
Action
Thoughts
Emotions
Findings
Real-time reassurance is essential. Frequent phone checks show the need for accurate, ongoing flight and gate info.
Uncertainty increases stress during arrival and gate changes. Moments like gate changes or time estimates lead to hesitation and worry.
Navigation mistakes are common but recoverable. Users often take wrong turns but trust the app to guide them back on track.
Ideate
Hard
Low
High
Impact(User)
Easy
Design Effort
Real-Time Queue Monitoring
personalized Airport navigation
Interactive
Map
Reward
System
Gate
Change
Alert
Initial Storyboard
User Flow
Start check-in
Arrive
Successfully check-in,
Check detail of my flight
Explore Airport Option
（Lounge & Rest areas
Duty-free Store
Useful service
Optional Way-finding
Choose routes
Start navigation
Altert Gate Change
Wireframe
Design
Color
Primary
Color
#325778
Secondary
Color
#E5EEFF
Alert Color
#FBC155
Warning
Color
#F04848
Success
Color
#97C93A
Typography
Typeface
Mulish 24px
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Inter 16px
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Hierarchy
Heading1
Bold
32px/38px
Heading 2
Bold
24px
Heading 3
Bold
16px
Heading 4
Bold
15px
Heading 5
Bold
14px
Body text
Regular
14px
Button Text
Bold
20px
Button
Enabled
Press
Disabled
Primary
Primary
Primary
Secondary
Secondary
Secondary
Tertiary
Tertiary
Tertiary
Final Design
Notification
shows when flight status changes
Time Left
It shows how many time left to board, color will change in terms of time emergency
Boarding QR code
Flight information
Fligh Information Page
gate change notification
When gate changes, the pop-up with gate information, airport map, routes options displayed.
Routes options
There are at least two options in gate change alert page for users to select.
Board gate change
The start and desination map
Gate Change Alert Page
Gate Navigate Page
Navigation steps
shows the detail navigation instructions.
Routes change, Route guide and Exit button
Navigate Time
and distances
landmark
The 7-11 store is like a landmark that provides users with a clear map of where they are.
Other Screen
