Navigating a college campus can be a daunting task for anyone unfamiliar. The interactive map provides a way to get a bird’s eye view of the campus, while also providing detailed information about any location. The user can click on buildings to see layouts, best parking, as well as what services are provided. Parking areas and resident halls can also be toggled for better visibility. To top it off, there is a search field with autocomplete capabilities to help quickly search for locations.
Location Details Tray
Clicking on a building, or parking lot, opens a tray with more information about the location including: layout, best parking, if it’s a pay lot, services in the building, etc.
Broad Location Highlighting
Users are able to easily highlight and find all buildings and residence halls. They can also target all parking lots, or filter down based off what parking tag color they have.
Autocomplete Search Field
Instead of searching all over the map for a specific building, users can use the search field, with an autocomplete function, to quickly find locations.
It’s kind of a must nowadays, right?
Device vectors made by Macrovector
This was a project that I inherited; it had been in development for over a year before I took it over. Figuring out what was already there, and usable, and then figuring out a way to build upon that was my first task. The map already needed updating, as well, so I needed to iron out a process for updating the map now, and in the future. Mobile would prove challenging, as the header took up a lot of valuable space we needed for the map.
Check it out
It’s a lot cooler to experience it yourself