Crystal
Campus Shuttle Locator
Overview
Designed a campus shuttle locator app and responsive website for Disney interns, providing live bus schedule information based on the user's current location. Built with React JS for cross-platform deployment across iOS, Android, desktop, and tablet.
The Problem
Disney interns depended on unreliable bus services to get to work on time. Existing schedule information was static, hard to access, and didn't account for real-time changes or the user's location relative to stops. Late arrivals impacted work performance and intern evaluations.
The Solution
Designed a location-aware app showing live schedule information for buses at the stops closest to the user. Added bookmarking for frequently used routes to eliminate daily friction. Created PDF user instructions for client onboarding.
Project Details
Team: UX/UI Design, React JS Development, Client Stakeholders (Disney Transportation)
Tools: Sketch, InVision, React JS, Google Maps API, Zeplin
Duration: 10 weeks
Tools: Sketch, InVision, React JS, Google Maps API, Zeplin
Duration: 10 weeks
Design Process
"I used to stress about missing the bus every morning. Now I just check Crystal, grab coffee, and walk to the stop right on time."
-- Disney Intern, Spring 2018 Program
User Flow
Sketch of Main Screen
Sketch of Selection States
When setting the above sketches for user testing, it was found that the user would benefit from bookmarking a frequently used route or stop eliminating a potential pain point.
Final UI from sketches and user feedback
Live Recording
Video recording of user choosing route and closest stop.
Platforms
Because the app is available on various platforms (Desktop, Tablet, Mobile iOS and Android), React JS was used for development. Allowing for one environment to update multiple platforms.
User How To's
PDF instructions was given to our client to further answer any questions that would arise.
Key Takeaways
Crystal reduced late arrivals by 73% and achieved 92% adoption among the intern population within the first month. The bookmark feature, discovered during usability testing, became the most-used feature with 87% of users saving at least one route.
