The process of building digital products typically begins at a very low resolution stage – gaining resolution and interactivity as each stage is completed.

After sketching out screen layouts and proposed interactivity (usually with pen on paper) the designer will move onto building wireframes based on a grid the front-end developers will build upon.

Wireframes are generally blocked out in varying shades of grey so as to not distract the designer/team from the core purpose of wireframing which is to present the basic layout content and therefore the flow which the user takes when using the website/application.

By not using colour, photography or anything beyond basic typography the team can focus on the steps, flow and layout of the digital product before adding ‘higher resolution’ through branded content/colour/photography & type.



Huw Jones

Date & Time

October 30, 2017