University of the Pacific v2.0

Posted December 24th, 2009 in Art & Design, Featured, UI/UX by Leonardo

About a month ago, Ivan took me on as a ‘consultant’ to help get his senior project off the ground. He’s playing the role of a creative director in charge of designing and implementing a new way finding system for his school, the University of the Pacific in Stockton, CA. The portion of the project that I helped out with was giving the school’s website a new look and feel while buffing out the Maps & Directions section so that it taps into the new way finding system and offers users a more useful and engaging experience. Here’s what we came up with:

Index page: Most of the design changes here were to expose important links, set up a consistent top-down navigation style and create clearer CTAs. These, and the other changes you see, give the structure of this site a more intuitive layout that will improve engagement.

Maps – Directions: By default, the Directions page will use GeoIP information to pre-fill the zip code/city information and display the shortest route by car without having the user to initiate the query. I envision this page tapping into the Google maps API which would give users the ability to show turn-by-turn directions and toggle between directions by car, train and bus.

Maps – Interactive: The ‘jump to’ links at the top would highlight that section and the links themselves would tie back into the on-campus visual queues. Below that on the left, we’d allow users to enable the high level nodes and highlight each building therein. We would also provide check boxes to highlight other things like campus landmarks, wifi hot spots, emergency phones, etc.

Maps – Virtual Tours: Tapping into the student body to assist with ‘virtual tours’ is a great way to further engage potential and existing students. It’s also a great way to promote the way finding system through peer communication – I envision the students talking about the different areas of campus while pointing out the kiosks, signage, etc.

Maps – Mobile site: Much like the iPhone’s Map app, the maps section of the Pacific mobile site will enable users to search for specific buildings, landmarks, cross streets, etc. then click the directions button to map a route to said location. When clicking the directions button, the user’s current position (via cell phone triangulation or GPS for GPS enabled mobile devices) will be used by default, but you’ll be able to overwrite the position using an input field.

I had so much fun on this project. I’m honored that Ivan would even consider bringing me in to help and hope my input will be helpful when he makes this whole mess a reality.