WIREFRAMES

wires_hero

Following the sitemap phase, organizing and constructing the layout leads to the creation of Wireframes. Wireframes represent the visual heart of any site design; defining structure, interaction, and functionality.

Without well thought out wireframes, creative design has no foundation.

WIREFRAMES

IBM IT Infrastructure

These wireframes were built for the IBM IT Infrastructure public facing fully adaptive website.
They represent a 5 page level deep standardized set of designs to facilitate a comprehensive user experience from education and learning to final product selection and purchase.

IBM IT Infrastructure POV 2.0 home page        IBM IT Infrastructure POV 2.0 pillar page

IBM IT Infrastructure POV 2.0 capabilities page

IBM IT Infrastructure POV 2.0 solutions level page        IBM IT Infrastructure POV 2.0 portal level page

IBM IT Infrastructure POV 2.0 product marketing page level page        

VIAGRA.COM
The redesign of the VIAGRA brand for it’s final marketing effort before patent expiration was a comprehensive process.
This redesign effort included substantial pre and post design user testing and high fidelity prototyping. Several iterations on navigation methods and page layout were required.

Viagra wireframe V1

Viagra wireframe V2        Viagra wireframe V2 detail

START-UP NY.GOV

START-UP NY.GOV is a New York state public website dedicated to the introduction and registration of businesses for relocation and expansion tax incentive programs in the Empire state.
The site delivers a deep architecture of information about NYS programs, searchable state databases, and an interactive map to search locations.

wireframe1        wireframe2

wireframe3        wireframe4

GERBER.COM

wireframe9        wireframe10

wireframe11        wireframe12