ux/ui design.

Digital Products designed for the MTA public transportation system.

role.
duration.
tools.
team.
App Designer_ Motion Designer
4 - 5 months
Figma_ Adobe Illustrator_ Adobe After Effects
Miguel Gaspar_ Mimi Bancod Buan_ Sophie Tatarchuk_ Gianelle Leger
01 / 23
overview.

The MTA is the number one resource for public transportation in New York City, with millions of New Yorkers relying on it everyday to get them where they need to go. The MTA digital products are designed to enhance the commuter experience as well as optimize MTA service.

challenge.

The MTA currently provides way too few services to aid riders on their commutes, thus leaving them to fend for themselves on public transport. It becomes overwhelming overall during the whole trip experience.

These digital products aim to make trip planning more simple for users, as well as provide services that will push constant updates from MTA themselves to keep interaction with riders consistent and lessen travel frustrations.

02 / 23
Sarah Liu.
24
The Out of State Student
pains.

Multiple MTA Apps
Navigation Confusion
Overwhelming Experience

needs.

Simpler Trip Planning
Constant Updates
Unified MTA App

John Russo.
57
The Veteran
pains.

Lack of Accessibility Points
Bilatereal Hearing Loss
Miscommunication

needs.

Straightfoward Directions
Easy-Access Points
Avid Assistance

lucas bunma.
17
The Young Entrepreneur
pains.

Train Inconsistencies
Misinformation
Lack of Updates

needs.

Convenient Route Options
More Travel Guidance
Explore More of NYC

Marjorie Moore.
24
The new COVID Worker
pains.

Lack of Structure & Control
Abrupt Service Delays
Health & Safety Concerns

needs.

Consistent Communication
Transparent Schedules
Stress-Free Commutes

03 / 23
user research.
04 / 23
user journey map.
05 / 23
mobile_ account features.

Users can create their own MTA account on the Riders app to keep up with their commutes. Users can personalize their experience by saving their recent trips that they can refer back to, and the app will learn and remember your most frequently taken buses, trains, etc.

06 / 23
07 / 23
mobile_ ticket wallet.

Users can directly purchase a digital ticket for either the Metro-North or LIRR from the app, allowing for quick access and convenience. They will be able to save these tickets in a digital ticket wallet. Users also have access to a virtual MetroCard for contactless swipes through subway turnstiles.

08 / 23
09 / 23
mobile_ support.

Whenever users are in need of assistance, they can easily chat with an MTA representative through the support feature. A real MTA representative will chat with users and provide guidance and solutions for any passenger concerns.

10 / 23
11 / 23
kiosk mockup.
12 / 23
kiosk_ navigation and live map.

The digital kiosk provides several map features including a live map and a navigation system. The live map allows users to see in real time how far away incoming trains are from the station. With the navigation system, the kiosk will give users directions on how to get to certain station from their current station if they are confused.

13 / 23
14 / 23
kiosk_ resources.

The information tab allows new passengers to obtain information about the MTA easily. The FAQ section lets users see answers to frequently asked questions. The transferring section gives information about transferring to other MTA lines. Ask for assistance calls an MTA employee to you if you need further assistance. Lastly, the other services section provides other methods of contacting the MTA.

15 / 23
16 / 23
kiosk_ braille.

Users with visual and hearing disabilities will be able to use this mini electronic braille tablet. The dimensions of the tablet are 9.75 x 7.03”. With vibrational technology and braille keyboard, users will be able to use braille easily. They also have the audio option that they can use for more accessibility.

17 / 23
18 / 23
bus pole mockup.
19 / 23
bus pole_ updates and tracking.

Offer more information and insight to bus routes through live GPS displays and consistent updates of schedules, traffic, and bus locations.

20 / 23
21 / 23
bus pole_ utilities.

Focusing on the mental and physical comfort of commuters, utilities will transform bus hubs into safe, reliable spaces for waiting and receiving easy-access essential information.

22 / 23
23 / 23
ux/ui design.

Digital Products designed for the MTA public transportation system.

role.
App Designer_ Motion Designer
duration.
4 - 5 Months
tools.
Figma_ Adobe Illustrator_ Adobe After Effects
team.
Miguel Gaspar_ Mimi Bancod Buan_ Sophie Tatarchuk_ Gianelle Leger
overview.

The MTA is the number one resource for public transportation in New York City, with millions of New Yorkers relying on it everyday to get them where they need to go. The MTA digital products are designed to enhance the commuter experience as well as optimize MTA service.

challenge.

The MTA currently provides way too few services to aid riders on their commutes, thus leaving them to fend for themselves on public transport. It becomes overwhelming overall during the whole trip experience.

These digital products aim to make trip planning more simple for users, as well as provide services that will push constant updates from MTA themselves to keep interaction with riders consistent and lessen travel frustrations.

personas.
Sarah Liu.
24
The Out of State Student
pains.

Multiple MTA Apps
Navigation Confusion
Overwhelming Experience

needs.

Simpler Trip Planning
Constant Updates
Unified MTA App

John Russo.
57
The Veteran
pains.

Lack of Accessibility Points
Bilatereal Hearing Loss
Miscommunication

needs.

Straightfoward Directions
Easy-Access Points
Avid Assistance

lucas bunma.
17
The Young Entrepreneur
pains.

Train Inconsistencies
Misinformation
Lack of Updates

needs.

Convenient Route Options
More Travel Guidance
Explore More of NYC

Marjorie Moore.
24
The new COVID Worker
pains.

Lack of Structure & Control
Abrupt Service Delays
Health & Safety Concerns

needs.

Consistent Communication
Transparent Schedules
Stress-Free Commutes

user research.
user journey map.
mobile_ account features.

Users can create their own MTA account on the Riders app to keep up with their commutes. Users can personalize their experience by saving their recent trips that they can refer back to, and the app will learn and remember your most frequently taken buses, trains, etc.

mobile_ ticket wallet.

Users can directly purchase a digital ticket for either the Metro-North or LIRR from the app, allowing for quick access and convenience. They will be able to save these tickets in a digital ticket wallet. Users also have access to a virtual MetroCard for contactless swipes through subway turnstiles.

mobile_ support.

Whenever users are in need of assistance, they can easily chat with an MTA representative through the support feature. A real MTA representative will chat with users and provide guidance and solutions for any passenger concerns.

kiosk mockup.
kiosk_ navigation and live map.

The digital kiosk provides several map features including a live map and a navigation system. The live map allows users to see in real time how far away incoming trains are from the station. With the navigation system, the kiosk will give users directions on how to get to certain station from their current station if they are confused.

kiosk_ resources.

The information tab allows new passengers to obtain information about the MTA easily. The FAQ section lets users see answers to frequently asked questions. The transferring section gives information about transferring to other MTA lines. Ask for assistance calls an MTA employee to you if you need further assistance. Lastly, the other services section provides other methods of contacting the MTA.

kiosk_ braille.

Users with visual and hearing disabilities will be able to use this mini electronic braille tablet. The dimensions of the tablet are 9.75 x 7.03”. With vibrational technology and braille keyboard, users will be able to use braille easily. They also have the audio option that they can use for more accessibility.

bus pole mockup.
bus pole_ updates and tracking.

Offer more information and insight to bus routes through live GPS displays and consistent updates of schedules, traffic, and bus locations.

bus pole_ utilities.

Focusing on the mental and physical comfort of commuters, utilities will transform bus hubs into safe, reliable spaces for waiting and receiving easy-access essential information.