Project Overview
Maroon Rides is the ultimate bus app designed exclusively for the Texas A&M University community, offering a seamless and efficient transportation experience.
Goals our team aimed to achieve in the design of this app included Route Planning, Departure Schedule, Route Alerts, Save Favorites, and a User-Friendly Interface. The app boasts a user-friendly design, making navigation intuitive for users of all levels. Effortlessly explore routes, schedules, and additional features without any hassle.
Maroon Rides is more than just a bus app—it's a companion for the Texas A&M community, streamlining the daily commute and enhancing the overall university experience. Download the app today and embark on a journey of convenience, reliability, and connectivity within the Aggie community!
My Role
UI/UX
Credits
UI/UX Team Lead: Kaylee Vu
UI/UX: Kate C., Keshari R.
1. User Research
Review existing user personas
Define common user scenarios and tasks
2. Wireframes
Reference Wireframe and Greyboxing
3. Low-Fidelity Prototypes
Version 1
4. Higher-Fidelity Prototypes
Version 2
Feedback:
- Change checkbox toggle to panel toggle (On Campus, Off Campus)
- Design a case for the Game Day schedule (Game Day, On Campus, Off Campus)
- Minimized drawer with bus route title & subtitle (on/off campus) (Apple Maps)
- “Escape bus route” selection in drawer (inspiration from Apple Maps)
- Minimized drawer with bus route title & subtitle (on/off campus) (Apple Maps)
- “Escape bus route” selection in drawer (inspiration from Apple Maps)
Features to create in addition:
- Colored bus routes on map with callouts to show route numbers
- Bus icon traveling on route visible on map with popup (amenities, next stop, percent capacity)
- Zoom in on the user location button (inspiration from Apple Maps)
- Home screen widget design for the time tables of buses
- Bus icon traveling on route visible on map with popup (amenities, next stop, percent capacity)
- Zoom in on the user location button (inspiration from Apple Maps)
- Home screen widget design for the time tables of buses
5. Evaluation, Final Screens, and Deployment
