Visual Design: Alumni Directory

Brief

Design an Alumni Directory for Visual Communication Alumni at Arizona State University. The design was to work from mobile to desktop as well as be easy to search with a variety of information.

Approach

I began this design with simple sketches to demonstrate the flow of the website. From the sketches I created wireframes that represented the informational hierarchy. The final steps were designing the web, tablet and mobile versions in Sketch and prototyping them with Invision. 

 

web1.jpg
 

Initial Thumbnail Sketches - helped me determine the most important features to include and well and map out a possible page flow

wireframe_Web.jpg

Wireframes - testing wireframes established the hierarchy of the site, ensuring that the most important features were highlighted 

wireframe.jpg

Final Mobile Prototype - mocked up using invision