The approach I took was to go with light typography, clean layouts and a minimalist UI, so photography of the building and historic neighborhood in which it resides would be the focus. Interactive elements and subtle animation were used to add emphasis and draw the user’s attention to key elements. Hancock’s typeface and a sub-set of their palette were incorporated so the design could be tied to the brand, while still establishing a unique identity. All design approaches feature responsive/adaptive layouts that ensure an engaging user experience on every device, regardless of screen size.

Turning wireframes into polished and buildable visual designs is an important part of the visual design process. Sometimes that involves following the wires exactly, but more often, as in this case, it means using them as more of a guide; to determine content hierarchy, component selection, and to make sure all page and functional elements are accounted for. The task is then to arrange, stylize, weight and balance the elements so that the resulting design effectively guides the user through the experience and, ultimately, to take the desired action.