BART Trip Planner app intends to become closer to its riders by planning their way around San Francisco Bay, letting users stay updated with the public transportation system’s news, real-time alerts & service information.
BART
*
Creating the experience & visual interface for
Bay Area Rapid Transit Mobile Application

- BART
- 2018
- Senior Product Designer
- @ Exygy
background
BART is a public transportation system in the San Francisco Bay Area, California, the US’s 5th busiest. Until 2018, the primary way used to communicate with users was through Twitter.
goal
To create an app with a reliable interface and fluid experience, for users plan their travels around the bay, resulting in a good acquisition to collect better data and provide a better transportation service.
In this project, Exygy teamed up with TranSight and BART teams in brand, research, marketing and development. The app, launched in 2018 was designed by me, and the screens shown in this case study were updated visually, as a personal project.

DISCOVERY, ANALYSIs & RESEARCH
The project started by analyzing business needs and development requirements, laying out relevant information.
By highlighting user pain points, and finding ways to address them based on client’s requests, this iterative process was the base for creating user flows and journey maps.

Experience & Visual design
The visual elements created for the app brings the brand identity and its usage in stations and pamphlets to the screen.
Standing out from competitors, bringing BART established brand, content from BARTable, Twitter, and BART Watch app, making it easy to contact security in stations. Focus on core features
BART Entrance
BART Paper Tickets
Platform
Wayfinding
BART Entrance
BART Paper Tickets
Platform
Wayfinding
BART Trip Planner has an intuitive navigation, follows accessibility standards & supports multiple languages and alphabets.
The app also has the ability to add features in the future. It support multiple languages and alphabets, connecting with timetables from more than 30 transit agencies. Connected to BART Watch app, it makes easy for passengers to contact security in stations.



BART Trip Planner has an intuitive navigation, follows accessibility standards & supports multiple languages and alphabets.
The app also has the ability to add features in the future. It support multiple languages and alphabets, connecting with timetables from more than 30 transit agencies. Connected to BART Watch app, it makes easy for passengers to contact security in stations.
Following accessibility standards & supporting multiple languages and alphabets.
Core Features
Plan trip is evident on the home screen, with the option to add a destination or starting point of a new journey. System alerts and delays notifications are prominent.
Real Time and Location
Using the user location, pointing it on the map and highlighting the closest BART station, with real-time trains arrivals and departures. The app brings bite-sized snapshots of the trip steps.
Consistency
Interactions are task-focused, eliminating decision points and using one clear call to action. Native gestures and behaviors commonly seen in map apps optimize the user experience, creating consistent and non-disruptive navigation.
Features
Modular framework for a flexible and consistent interface.

Features
Using the user location, pointing it on the map and highlighting the closest BART station, with real-time trains arrivals and departures.
Features
Interactions are task-focused, eliminating decision points and using one clear call to action.
Native gestures and behaviors commonly seen in map apps optimize the user experience, creating consistent and non-disruptive navigation.


Trip-planning across California’s Bay Area is getting easier for anyone with the BART app
Mariana
Senior Product Designer with 15+ years of experience, working with Research, Strategy, Branding, User Experience & Visual Interfaces.
