1. Concept Development
Process

2. Wire Frame
• Basic Illustration of the items and structure of
the page
• Simple, Black and white/ Pencil, drawn to size
and proportion.

3. Mock Up
• Is an image file that includes graphics, colour
and Typography. Typically put together in an
application such a Photoshop

4. 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.