Concept to comp

For a web designer the end result is typically always the same, but the process to produce a website can often differ depending on the varying methods used by the designer.
I tend to start a new design by sketching out potential ideas then develop the preferred layout into a wireframe in Photoshop. When correctly implemented it provides a visual guide for laying out the structure of each page and also caters for developing variations in the layout in order to maintain consistency throughout the site.
The final stage in my creative process is to design a comprehensive layout so I can visually illustrate how a site will appear on the web once it is built, by fleshing out the wireframes with branding, colour, chosen typefaces, content, navigation, images and other visual elements.
Below is a time-lapse video I created for my preferred design process.
Share this post on Twitter
