Redesign of the MBTA (Massachusetts Bay Transit Authority) App

Project Specs

Design Features

Though we knew going into this project that we would be creating a mobile ticket system of some kind, we wanted to hear feedback on the idea. Everyone seemed to agree that a mobile ticket would be very useful as it is harder to loose, more environmentally friendly, and much easier to access.

User desired features:

  • Easy to access map of the subway or commuter rail system

  • Accessible map so users can play their route or remind themselves of station names

  • Notifications

  • Location sharing

  • Mobile Charlie Card

Initial Wire Frames and Usability Testing

Mood-boards

This mood-board depicts a colorful approach for the MBTA transportation app. Boston's T already features plenty of color with the Red, Orange, Green, and Blue lines, and this theme highlights this. The primary colors of the theme would be white, with accenting green orange, blue, and green. It would also feature modern illustrations that would make the users feel like they are using an app that was carefully and beautifully designed for them rather than just another bland transit app. The font for this theme is PT Sans Caption - simple, yet matches the modern design - heavy theme. 

For this theme, we took a more monochromatic approach. Sticking with black, white, and dark blue, this allows for accent colors to show. This development concept is little different from the currently colorful designs and feel of the MBTA. Though different, this design leans towards a more sophisticated feel though fun icons and clean lines. 

We decided to move forward with this mood-board because it allowed us to use the specific train line colors as accents within the app

Final Mockups & Prototype

Click here to see the high fidelity, clickable prototype.