train_header_2
iphonex-amtrak-7

Amtrak Rider Mobile App

Amtrak, the national rail operator, provides passenger railroad service to 46 states, the District of Columbia and three Canadian provinces. The Amtrak Mobile Rider native app allows for passengers to check the status of their train, book tickets, update reservations, and board the train using your eTicket.

iphonex-amtrak-3
iphonex-amtrak-9
PROBLEM

Built for power users

Translating a web experience into an optimized app experience, while considering all the possible requirements and flexibility that comes with the Amtrak booking experience. We made the design decision to make a consistent customer experience across Android and iOS, while leveraging native patterns when expected to maximize the experience for Amtrak's power users.

 
 
MY ROLE

Thrown into the deep end

Only a junior designer at the time, I led the visual design team collaborating with project managers, engineers, and the clients directly. Upon completion of this project, I was promoted to consultant-level Visual Designer.

THE CHALLENGE

Design full layouts of the entire application, build an interactive prototype, and prepare a style guide all in 3 months. 

In this unusual circumstance, this project was orginially designed by two of our most senior designers, but after much deliberation, the client decided to not go forth with the direction that was presented. Even after already going through several months of user research, wireframing, rounds of design iterations, the client then began to create their own vision of the app, but sought our design consulting once more. 

With only three months left, I was handed the responsibility to take the client's iterations and collaborate to create the best workflow combining complex Amtrak guidelines and modern mobile app practices, create prototypes for client approval, and a style guide.

train_empathy
PROCESS
Ionic + HIG + Material 

In addition to building out layouts, we needed to create interactive prototypes to seek approval of design decisions and communicate microinteractions with engineers. To fully prepare our engineers with detailed specifications, I had to compose a thorough style guide using iOS Human Interface Guidelines, Android's Google Material Design, as well as building based on the Ionic Framework. 

With patience, constant communication, and efficient client and design team collaboration, we were able to meet our pressed deadlines and the app was launched on the App Store and Google Play in April 2017. 

iphonex-amtrak-12
styleguide-buttons
REFLECTION

Style guides are a vital tool for design teams

The first iteration of the design system was created in less than 3 weeks by 3 designers juggling multiple projects at the same time. With that small foundation, we were able to create sweeping changes and introduce usability improvements to virtually every product area.

Being responsible for building a system from scratch has shown me the depth of thinking involved in crafting each small piece, and how doing all this thinking up front will save the team so much time later down the road!

trains_100

View More Projects

© 2018 Nerissa Monton Designs. All rights reserved.

ic-linkedin