Case Study: Redesigning
San Diego’s Metro Transit System App
Challenge and Problem Statement
Challenge:
Create an improved digital experience
of your local metro system in order to
promote the use of public transport in your city
Challenge:
Create an improved digital experience
of your local metro system in order to
promote the use of public transport in your city
Challenge and Problem Statement
10:00
Manage
Debit
Card# 097678545625367019
$20
Adult
Last Refreshed: Yesterday
Choose Subscription
Monthly $27
Yearly $100
After
Camilla 22
University Student
Camilla studies at San Diego State
University and lives nearby in La Mesa.
She regularly rides the Metro train
to the campus main transit center.
Without a car she needs reliable and
affordable access to transportation.
Loves getting to avoid morning traffic.
Hates riding alone with strangers.
Jerome 53
Downtown Frequenter
Jerome lives in Fashion Valley, yet he
likes to take the trolley downtown for
events and nightlife. It’s a fun way for
him to catch up with old friends, and
to make new acquaintances. He
believes he is saving gas and emissions
as well.
Loves downtown parking being a thing
of the past.
Hates missing out on more time with
his friends when taking the long trolley
ride home.
User Personas
Always keep in mind the users who will be using
this app.
User Personas
Always keep in mind the users who will be using
this app.
User Journey Map
The actions, thoughts, and feelings that commonly occur
while people use the metro system.
User Journey Map
The actions, thoughts, and feelings that commonly occur
while people use the metro system.
User Interview:
I interviewed a regular user of the metro system who is legally
blind. They provided helpful insights about what could be
improved in the app.
User Interview:
I interviewed a regular user of the metro system who is legally
blind. They provided helpful insights about what could be
improved in the app.
Solution Ideation-
Goals and Wireframes
Old Design
Goal 1-
Eliminate cluttered features and buttons from app
Goal 1-
Eliminate cluttered features and buttons from app
Goal 2-
Clarify design across app into one consistent
system.
The current app has three different design
systems in it for the Pronto Metro App
North County Transit System, and the
Metropolitan Transit System. This needs to
be simplified into one seamless experience.
Goal 2-
Clarify design across app into one consistent
system.
The current app has three different design
systems in it for the Pronto Metro App
North County Transit System, and the
Metropolitan Transit System. This needs to
be simplified into one seamless experience.
10:00
SDMTS Website
Translate
Trolley Rider Survey
Do you take the trolley? Give us your feedback on the rider experience.
Depart Now
Search
Starting Point...
Enter Destination...
A
B
MTS
New Design
New Design
UI Components
UI Components
Final Mockups-
Implementing What Learned
Final Mockups-
Implementing What Learned
Credit and Conclusion
Credit and Conclusion
I redesigned the three San Diego Metropolitan
Transit Systems into one seamless design solution.
This allows for a better understood platform and
eliminates confusion.
Visual design was clarified by removing senseless
buttons and using consistent colors throughout.
All Research, Design, Writing, and Prototyping
was performed by Levi Toth, 2023.
I redesigned the three San Diego Metropolitan
Transit Systems into one seamless design solution.
This allows for a better understood platform and
eliminates confusion.
Visual design was clarified by removing senseless
buttons and using consistent colors throughout.
All Research, Design, Writing, and Prototyping
was performed by Levi Toth, 2023.
10:00
Manage
Debit
Card# 097678545625367019
$20
Adult
Last Refreshed: Yesterday
Choose Subscription
Monthly $27
Yearly $100
After
Solution Ideation-
Goals and Wireframes
Problem:
The San Diego Metro Transit System could
provide a more seamless user experience if
all design elements of the three existing
departments are combined into one
consistent flow.
Field Observation: San Diego State University Station
Note Taking experience observing people coming and going
from one of the more busy metro stations in the city. This helped
me gain a feel for the users I needed to be mindful of in my
redesign.
Research-
Analysis, Observation, and Interview
Comparative Analysis:
I compared the apps of other metro systems in the Southern California
region to gain an understanding of what they offered and which features
seemed to be most necessary.
User Interview:
I interviewed a regular user of the metro system
who is legally blind. They provided helpful insights
about what could be improved in the app.
Challenge:
Create an improved digital experience
of your local metro system in order to
promote the use of public transport in your city
Challenge and Problem Statement
Challenge and Problem Statement
Comparative Analysis:
I compared the apps of other metro systems in the Southern California
region to gain an understanding of what they offered and which features
seemed to be most necessary.
Field Observation: San Diego State University Station
Note Taking experience observing people coming and going
from one of the more busy metro stations in the city. This helped
me gain a feel for the users I needed to be mindful of in my
redesign.
Field Observation: San Diego State University Station
Note Taking experience observing people coming and going
from one of the more busy metro stations in the city. This helped
me gain a feel for the users I needed to be mindful of in my
redesign.
Field Observation: San Diego State University Station
Note Taking experience observing people coming and going
from one of the more busy metro stations in the city. This helped
me gain a feel for the users I needed to be mindful of in my
redesign.
Case Study: Redesigning
San Diego’s Metro Transit System App
UI Components
Research-
Analysis, Observation, and Interview
Problem:
The San Diego Metro Transit System could
provide a more seamless user experience if
all design elements of the three existing
departments are combined into one
consistent flow.
Camilla 22
University Student
Camilla studies at San Diego State
University and lives nearby in La Mesa.
She regularly rides the Metro train
to the campus main transit center.
Without a car she needs reliable and
affordable access to transportation.
Loves getting to avoid morning traffic.
Hates riding alone with strangers.
Jerome 53
Downtown Frequenter
Jerome lives in Fashion Valley, yet he
likes to take the trolley downtown for
events and nightlife. It’s a fun way for
him to catch up with old friends, and
to make new acquaintances. He
believes he is saving gas and emissions
as well.
Loves downtown parking being a thing
of the past.
Hates missing out on more time with
his friends when taking the long trolley
ride home.
Research-
Analysis, Observation, and Interview
Case Study: Redesigning
San Diego’s Metro Transit System App
Challenge and Problem Statement
Problem:
The San Diego Metro Transit System could
provide a more seamless user experience if
all design elements of the three existing
departments are combined into one
consistent flow.
After
10:00
Manage
Debit
Card# 097678545625367019
$20
Adult
Last Refreshed: Yesterday
Choose Subscription
Monthly $27
Yearly $100
User Personas
Always keep in mind the users who will be using
this app.
Camilla 22
University Student
Camilla studies at San Diego State
University and lives nearby in La Mesa.
She regularly rides the Metro train
to the campus main transit center.
Without a car she needs reliable and
affordable access to transportation.
Loves getting to avoid morning traffic.
Hates riding alone with strangers.
Research-
Analysis, Observation, and Interview
Jerome 53
Downtown Frequenter
Jerome lives in Fashion Valley, yet he
likes to take the trolley downtown for
events and nightlife. It’s a fun way for
him to catch up with old friends, and
to make new acquaintances. He
believes he is saving gas and emissions
as well.
Loves downtown parking being a thing
of the past.
Hates missing out on more time with
his friends when taking the long trolley
ride home.
User Journey Map
The actions, thoughts, and feelings that commonly occur
while people use the metro system.
User Interview:
I interviewed a regular user of the metro system who is legally
blind. They provided helpful insights about what could be
improved in the app.
Solution Ideation-
Goals and Wireframes
Goal 1-
Eliminate cluttered features and buttons from app
Old Design
Goal 2-
Clarify design across app into one consistent
system.
The current app has three different design
systems in it for the Pronto Metro App
North County Transit System, and the
Metropolitan Transit System. This needs to
be simplified into one seamless experience.
10:00
SDMTS Website
Translate
Trolley Rider Survey
Do you take the trolley? Give us your feedback on the rider experience.
Depart Now
Search
Starting Point...
Enter Destination...
A
B
MTS
New Design
UI Components
Final Mockups-
Implementing What Learned
Credit and Conclusion
I redesigned the three San Diego Metropolitan
Transit Systems into one seamless design solution.
This allows for a better understood platform and
eliminates confusion.
Visual design was clarified by removing senseless
buttons and using consistent colors throughout.
All Research, Design, Writing, and Prototyping
was performed by Levi Toth, 2023.
Before
Before
Before