Concept Development Process

Wire Frame• Basic Illustration of the items and structure of the

page• Simple, Black and white/ Pencil, drawn to size and

proportion.

Mock Up• Is an image file that includes graphics, colour and

Typography. Typically put together in an application such a Photoshop

Prototype

• Is the actual product that you are building .i.e. if it were a webpage it would be the actual HTML and CSS. It may lack for functionality, but be a proof of the idea.