Campus Map App
UI/UX Design & Development
Our campus is always growing, so we needed a campus map that could change as quickly as our campus. Our previous map options were a 3-D interactive map, which was fun and engaging, but impossible to update, or simply displaying a pdf of the print map. I opted to create a customized Google Map application, which is responsive and easy to use on all devices.
- Web Design, Web Development
- Dixie State University
Design & Development
For the design, I tried to integrate the university’s typography, color schemes and flat design approach with aspects of Google’s Material design in terms of spacing, economy of design and icon usage.
In earlier iterations of the map, the map area was contained in a box, and the legend/navigation was outside the box and part of the normal page flow. I found this to be disengaging for users, because the viewport for the map felt cramped. By making the map full-width and (nearly) full-height, users are able to dive into the map and explore, with the legend floating over the map for when they need it.live version