Responsive Web Design

The very first stage of any project is the design brief. We'll request that the client completes a questionnaire in order to understand what needs to be taken into account during the process, such as corporate guidelines, design influences and branding.

Alongside the design brief we will gather some initial assets such as logos, commercial fonts, IA/sitemap and category structure as well as example homepage content like banners, images, social media accounts and company information.

After the initial design brief and requirements gathering, we will then create hi-fidelity prototypes of the core templates (usually five) across the different breakpoints (usually four), starting with the homepage.

Following the production of the hi-fidelity prototype of core templates, low-fidelity prototypes of the remaining templates are then created.

With the hi- and lo-fidelity prototypes signed off, the HTML of the five core templates is then produced across all four breakpoints and rolled out.

Alongside the HTML rollout of the five core templates is a style guide which lays out the appearance key elements of the site such as fonts, colour references, styles, logos, buttons, links, tabs, accordions, rollovers, images etc... in a simple and easy to use document.

Using the lo-fidelity prototype as the base, and with direction from the style guide and core HTML template, the remaining HTML is produced for all of the remaining web pages and emails.

Following customer sign off of all the HTML pages and emails, the design process is now complete.