The goal here was to conceptualize and convert Valley Metro's Rail Guide, located on all of their trolleys, into a web and app friendly companion.
Tools: After Effects, Illustrator, Photoshop, XD
Here's a quick preview of the user functionality.

Scroll example

Card reveal example
With the online rail guide concept, users can get quick info about the next train.

Laptop: Interactive rail guide
Here are a few of the screens for the mobile app.

App Icon

Splash Screen

Dashboard

Track your train

Review trip

QR code