Frame work with process & use proper terminology

STRATEGY, DESIGN, and EXECUTION were each equally vital phases in the design process this semester. The final websites you produced are only one component and they alone do not fully represent your design strategy or creative thinking. This is why you need to include all phases when you present interactive work and speak about them in industry terms and project objectives (at final reviews AND job interviews).

Strategy: visualized via sitemaps (see example 1) and wireframes (example 2)

Visual design: produced as Graphic User Interface comps that indicate navigational states (examples 3)

Execution: manifested in the flash or html/css build (visit the live website)

The following examples shows this linear process well. Especially note the visual differences, but same content in examples 2 and 3:




<-- this is a sitemap

<-- this is a WIREFRAME (or schematic)






<-- this is a G.U.I. comp