✳ In this project I was tasked with
✳ In this project I was tasked with
✳ In this project I was tasked with
Redesigning the Peter Pan Bus app to simplify ticket booking, trip planning and booking management for a smoother travel experience.
Redesigning the Peter Pan Bus app to simplify ticket booking, trip planning and booking management for a smoother travel experience.
Role
Role
Role
Role
Product Designer
Product Designer
Product Designer
Product Designer
Tools
Tools
Tools
Tools
Figma
Figma
Figma
Figma
Timeline
Timeline
Timeline
Timeline
4 weeks
4 weeks
4 weeks
4 weeks
Disciplines
Disciplines
Disciplines
Disciplines
UX Design
UX Design
UX Design
UX Design
•
•
•
UX Research
UX Research
UX Research
UX Research
•
•
•
Interaction Design
Interaction Design
Interaction Design
Interaction Design
Before
Before
Before
After
After
After
Setting the stage
Setting the stage
Setting the stage
What is Peter Pan
What is Peter Pan
The Peter Pan Bus app, lets users book tickets, check schedules, find stops and manage trips— all in one place.
The Peter Pan Bus app, lets users book tickets, check schedules, find stops and manage trips— all in one place.
The Peter Pan Bus app, lets users book tickets, check schedules, find stops and manage trips— all in one place.
Screenshots of the current app
Managing every step of your travel journey
Managing every step of your travel journey
Managing every step of your travel journey
The reimagined Peter Pan Bus app introduces a fresh look with an intuitive design, making trip planning and booking more seamless and enjoyable.
The reimagined Peter Pan Bus app introduces a fresh look with an intuitive design, making trip planning and booking more seamless and enjoyable.
The reimagined Peter Pan Bus app introduces a fresh look with an intuitive design, making trip planning and booking more seamless and enjoyable.
The Process
The Process
The Process
Introduction
Introduction
Introduction
Identifying the Core Issue
Identifying the Core Issue
While analyzing the existing app, I identified key areas for improvement and explored solutions to enhance the user experience:
While analyzing the existing app, I identified key areas for improvement and explored solutions to enhance the user experience:
While analyzing the existing app, I identified key areas for improvement and explored solutions to enhance the user experience:
🚨 Issues Identified
🚨 Issues Identified
🚨 Issues Identified
Outdated design that felt clunky and outdated.
Outdated design that felt clunky and outdated.
Lack of essential trip planning features.
Lack of essential trip planning features.
Finding bus stops was confusing and unintuitive.
Finding bus stops was confusing and unintuitive.
The booking process was slow and frustrating.
The booking process was slow and frustrating.
✅ Potential Solutions
✅ Potential Solutions
✅ Potential Solutions
Introduce a modern, intuitive layout for better usability & smoother experience.
Introduce a modern, intuitive layout for better usability & smoother experience.
Add tools to help users search & plan routes.
Add tools to help users search & plan routes.
Improve search functionality and map integration for better accessibility.
Improve search functionality and map integration for better accessibility.
Streamline the booking flow with fewer steps and clearer navigation.
Streamline the booking flow with fewer steps and clearer navigation.
With these goals in mind, I defined the core problem to address.
With these goals in mind, I defined the core problem to address.
With these goals in mind, I defined the core problem to address.
The Problem Statement
Commuters and travelers, particularly young adults and frequent riders, struggle to locate stops within their region and efficiently plan their trips, leading to confusion and frustration.
Limited route visibility, an outdated interface and an inefficient booking process make navigating the app unnecessarily difficult, impacting the overall travel experience.
The Problem Statement
Commuters and travelers, particularly young adults and frequent riders, struggle to locate stops within their region and efficiently plan their trips, leading to confusion and frustration.
Limited route visibility, an outdated interface and an inefficient booking process make navigating the app unnecessarily difficult, impacting the overall travel experience.
The Problem Statement
Commuters and travelers, particularly young adults and frequent riders, struggle to locate stops within their region and efficiently plan their trips, leading to confusion and frustration.
Limited route visibility, an outdated interface and an inefficient booking process make navigating the app unnecessarily difficult, impacting the overall travel experience.
Empathize
Empathize
Empathize
Whether you're new or a frequent rider, booking and managing trips should be easy - but the app makes it frustrating.
Whether you're new or a frequent rider, booking and managing trips should be easy - but the app makes it frustrating.
I interviewed two individuals to get a better perspective:
I interviewed two individuals to get a better perspective:
I interviewed two individuals to get a better perspective:
A modern traveler who relies on mobile apps for trip planning but finds the app unintuitive and difficult to navigate.
A modern traveler who relies on mobile apps for trip planning but finds the app unintuitive and difficult to navigate.
A modern traveler who relies on mobile apps for trip planning but finds the app unintuitive and difficult to navigate.
A seasoned rider familiar with the service but frustrated by the app’s inefficiencies and lack of updates.
A seasoned rider familiar with the service but frustrated by the app’s inefficiencies and lack of updates.
A seasoned rider familiar with the service but frustrated by the app’s inefficiencies and lack of updates.
New users struggle with navigation, while longtime riders find the design outdated and inefficient.
New users struggle with navigation, while longtime riders find the design outdated and inefficient.
To better grasp user frustrations, we analyzed their experience with trip planning, from finding bus stops to booking tickets. Their insights shaped the empathy map, highlighting key challenges and opportunities for improvement.
To better grasp user frustrations, we analyzed their experience with trip planning, from finding bus stops to booking tickets. Their insights shaped the empathy map, highlighting key challenges and opportunities for improvement.
To better grasp user frustrations, we analyzed their experience with trip planning, from finding bus stops to booking tickets. Their insights shaped the empathy map, highlighting key challenges and opportunities for improvement.
Conducted a user survey with 25 frequent bus travelers
Conducted a user survey with 25 frequent bus travelers
Takeaways
Takeaways
65.3% of travelers struggle to navigate bus apps and often rely on assistance to book trips due to outdated or complicated interfaces.
65.3% of travelers struggle to navigate bus apps and often rely on assistance to book trips due to outdated or complicated interfaces.
65.3% of travelers struggle to navigate bus apps and often rely on assistance to book trips due to outdated or complicated interfaces.
71.2% of users prefer an app that offers quick access to key features like schedules, ticket bookings, and route information without unnecessary steps or confusion.
71.2% of users prefer an app that offers quick access to key features like schedules, ticket bookings, and route information without unnecessary steps or confusion.
71.2% of users prefer an app that offers quick access to key features like schedules, ticket bookings, and route information without unnecessary steps or confusion.
How Might We Statement
How might we redesign the Peter Pan Bus app to make trip planning and booking more intuitive while ensuring users can easily find bus stops within their region?
In other words: How can we help commuters and travelers navigate routes, access schedules, and book tickets seamlessly without frustration or confusion?
How Might We Statement
How might we redesign the Peter Pan Bus app to make trip planning and booking more intuitive while ensuring users can easily find bus stops within their region?
In other words: How can we help commuters and travelers navigate routes, access schedules, and book tickets seamlessly without frustration or confusion?
How Might We Statement
How might we redesign the Peter Pan Bus app to make trip planning and booking more intuitive while ensuring users can easily find bus stops within their region?
In other words: How can we help commuters and travelers navigate routes, access schedules, and book tickets seamlessly without frustration or confusion?
Define
Define
Define
User Stories
User Stories
User Journey Map
User Journey Map
Competitor Analysis
Competitor Analysis
Ideate
Ideate
Ideate
Information Architecture
Information Architecture
User Flow
User Flow
Design
Design
Design
Style Guide
Style Guide
A New and Updated Look
A New and Updated Look
Refreshing the icon with a modern design that enhances clarity, strengthens the branding and instantly conveys travel.
Refreshing the icon with a modern design that enhances clarity, strengthens the branding and instantly conveys travel.
Refreshing the icon with a modern design that enhances clarity, strengthens the branding and instantly conveys travel.
The red feather contrasts with the green bus for a bold, eye-catching look.
The red feather contrasts with the green bus for a bold, eye-catching look.
The red feather contrasts with the green bus for a bold, eye-catching look.
It subtly ties into the Peter Pan theme, reinforcing brand identity.
It subtly ties into the Peter Pan theme, reinforcing brand identity.
It subtly ties into the Peter Pan theme, reinforcing brand identity.
The green bus symbolizes travel and matches the real Peter Pan buses.
The green bus symbolizes travel and matches the real Peter Pan buses.
The green bus symbolizes travel and matches the real Peter Pan buses.
Typography
Typography
Satoshi
Satoshi
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Satoshi
Satoshi
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Satoshi
Satoshi
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Satoshi
Satoshi
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Color Palettes
Color Palettes
Components
Components
Lo-fi Wireframes
Lo-fi Wireframes
Final Screens
Final Screens
Onboarding Screens
Onboarding Screens
Onboarding Screens
A guided introduction to key features, designed to be helpful yet skippable.
A guided introduction to key features, designed to be helpful yet skippable.
A guided introduction to key features, designed to be helpful yet skippable.
Homepage
Homepage
Homepage
A streamlined layout with improved navigation, trip search, and personalized offers for a smoother booking experience.
A streamlined layout with improved navigation, trip search, and personalized offers for a smoother booking experience.
A streamlined layout with improved navigation, trip search, and personalized offers for a smoother booking experience.
Explore Page
Explore Page
Explore Page
A simplified way to browse states, view available routes and find bus stops with ease.
A simplified way to browse states, view available routes and find bus stops with ease.
A simplified way to browse states, view available routes and find bus stops with ease.
