Case Study Continued

User research | Branding | Wireframes

Case Study Continued

User research | Branding | Wireframes

Case Study Continued

User research | Branding | Wireframes

Step 9: Iterate

Step 9: Iterate

Step 9: Iterate

Step 9: Iterate

Refining High Fidelity Design Details

Refining High Fidelity Design Details

Refining High Fidelity Design Details

Refining High Fidelity Design Details

After transitioning to high-fidelity designs, I conducted two more usability tests and iteratively refined features based on user feedback. Here are key highlights from this phase. Fun fact, the empty boarding card state had over 6 iterations!

After transitioning to high-fidelity designs, I conducted two more usability tests and iteratively refined features based on user feedback. Here are key highlights from this phase. Fun fact, the empty boarding card state had over 6 iterations!

After transitioning to high-fidelity designs, I conducted two more usability tests and iteratively refined features based on user feedback. Here are key highlights from this phase. Fun fact, the empty boarding card state had over 6 iterations!

After transitioning to high-fidelity designs, I conducted two more usability tests and iteratively refined features based on user feedback. Here are key highlights from this phase. Fun fact, the empty boarding card state had over 6 iterations!

Boarding Pass | Empty State

Boarding Pass | Empty State

Boarding Pass | Empty State

Boarding Pass | Empty State

Boarding Pass | Full State

Boarding Pass | Full State

Boarding Pass | Full State

Boarding Pass | Full State

Homescreen | New Trip

Homescreen | New Trip

Homescreen | New Trip

Homescreen | New Trip

”Live View” Feature | AR/VR

”Live View” Feature | AR/VR

”Live View” Feature | AR/VR

”Live View” Feature | AR/VR

Step 10: Prototype

Step 10: Prototype

Step 10: Prototype

Step 10: Prototype

Final High-Fidelity Screens

Final High-Fidelity Screens

Final High-Fidelity Screens

Departure

International

ATM

Money Exchange 24/7

Escalator

Domestic Terminal

Departure

International

Bathrooms

All genders, family help

Gate 24

Lounges

􀸩

Food

􀸙

Coffee

Shopping

Babycare

ATM

􀊱

Search ZAG Airport

􀋚

ZAG Croatia Airport

International Departure - T2

Swap

13h 12m

7 Sep, 2023

DATE

Evelyn Williams

PASSENGER

B

GROUP

Economy

CLASS

23 A

SEAT

CX 221

FLIGHT

2:40 pm

BOARDING

T2 | Gate 24

TERMINAL

ZAG

CRO, MON

03:30 pm

JFK

NYC, TUE

12:00 am

CX221

FLIGHT

G24

GATE

00 :25

TIME UNTIL BOARDING

h

m

Discover

My Flight

Line Times

􀐬

Airport Map

2:15

Search ZAG Airport

Map to Gate 24

0.2 mi

Fashion Place

8 min

Open · Closes 10:00 pm

0.1 mi

Tisak

5 min · General Store

Status · Boarding Flight CF 1099

Gate 24

Lounges

􀸩

Food

􀸙

Coffee

Shopping

Babycare

ATM

2:15

0.15 mi

SonusArt

6 min · Electronic Store

Open · Closes 10 pm

Gate 24

Map to Gate 24

0.1 mi

Gate 24

5 min

Status · Boarding Flight CF 1099

0.2 mi

Fashion Place

8 min

Open · Closes 10:00 pm

Gate 24

Lounges

􀸩

Food

􀸙

Coffee

Shopping

Babycare

ATM

2:15

0.15 mi

CAFFÉ NERO

6 min · Restaurant

Open · Closes 1 am

􀸩

Scanning...

2:15

Point your camera at signs and stores around you.

View Prototype

View Prototype

View Prototype

View Prototype

Experience FlySmart, the travel app of the future!

Experience FlySmart, the travel app of the future!

Experience FlySmart, the travel app of the future!

Experience FlySmart, the travel app of the future!

PROTOTYPE

PROTOTYPE

PROTOTYPE

PROTOTYPE

Marketing Website

Marketing Website

Marketing Website

Marketing Website

I developed a responsive marketing website to enhance visibility and drive conversions by showcasing the app's value proposition. This included engaging animations, interactions, and seamless branding integration to create a unified user experience.

I developed a responsive marketing website to enhance visibility and drive conversions by showcasing the app's value proposition. This included engaging animations, interactions, and seamless branding integration to create a unified user experience.

I developed a responsive marketing website to enhance visibility and drive conversions by showcasing the app's value proposition. This included engaging animations, interactions, and seamless branding integration to create a unified user experience.

I developed a responsive marketing website to enhance visibility and drive conversions by showcasing the app's value proposition. This included engaging animations, interactions, and seamless branding integration to create a unified user experience.

View Prototype

View Prototype

View Prototype

View Prototype

I'm working on FlySmart 2.0 to cater to diverse user needs, including disabilities, language diversity, and pet travel. Until then, explore my marketing website!

I'm working on FlySmart 2.0 to cater to diverse user needs, including disabilities, language diversity, and pet travel. Until then, explore my marketing website!

I'm working on FlySmart 2.0 to cater to diverse user needs, including disabilities, language diversity, and pet travel. Until then, explore my marketing website!

I'm working on FlySmart 2.0 to cater to diverse user needs, including disabilities, language diversity, and pet travel. Until then, explore my marketing website!

BrainStation Demo Day Presentation

BrainStation Demo Day Presentation

BrainStation Demo Day Presentation

BrainStation Demo Day Presentation

Reflection

Reflection

Reflection

Reflection

Importance of Time Constraints

Importance of Time Constraints

Importance of Time Constraints

Initially, I aimed for three completed features, but prioritizing a singular focus on the mapping tool within FlySmart allowed for a more efficient development process.

Initially, I aimed for three completed features, but prioritizing a singular focus on the mapping tool within FlySmart allowed for a more efficient development process.

Initially, I aimed for three completed features, but prioritizing a singular focus on the mapping tool within FlySmart allowed for a more efficient development process.

Target Audience Identification

Target Audience Identification

Target Audience Identification

Effective travel app design requires a specific target audience focus, even if it means not prioritizing Baby Boomers with ample resources for travel.

Effective travel app design requires a specific target audience focus, even if it means not prioritizing Baby Boomers with ample resources for travel.

Effective travel app design requires a specific target audience focus, even if it means not prioritizing Baby Boomers with ample resources for travel.

Next Steps

Next Steps

Next Steps

Next Steps

Group Travel Feature

Group Travel Feature

Group Travel Feature

Implement features that allow users to add multiple boarding passes, ideal for those traveling with friends or family.

Implement features that allow users to add multiple boarding passes, ideal for those traveling with friends or family.

Implement features that allow users to add multiple boarding passes, ideal for those traveling with friends or family.

Language Options

Language Options

Language Options

Enhance inclusivity by adding in language options to FlySmart to improve accessibility for non-English speakers.

Enhance inclusivity by adding in language options to FlySmart to improve accessibility for non-English speakers.

Enhance inclusivity by adding in language options to FlySmart to improve accessibility for non-English speakers.

Usability Testing for Edge Cases

Usability Testing for Edge Cases

Usability Testing for Edge Cases

Keep conducting usability tests and explore additional accessibility features alongside FlySmart's existing capabilities, map voice assistant and map offline download function.

Keep conducting usability tests and explore additional accessibility features alongside FlySmart's existing capabilities, map voice assistant and map offline download function.

Keep conducting usability tests and explore additional accessibility features alongside FlySmart's existing capabilities, map voice assistant and map offline download function.

A.I. Personalization

A.I. Personalization

A.I. Personalization

Consider AI for personalized user recommendations, enhancing engagement/customization.

Consider AI for personalized user recommendations, enhancing engagement/customization.

Consider AI for personalized user recommendations, enhancing engagement/customization.

Prev.

About Me

Prev.

About Me

Prev.

About Me

Prev.

About Me

Next

MongoDB Tech Sprint

Next

MongoDB Tech Sprint

Next

MongoDB Tech Sprint

Next

MongoDB Tech Sprint