Top of page
Skip to content
02.1Website design

Website strategy and design

We work out what your website needs to say and to whom, then give it a structure and a visual identity that feel unmistakably yours.

A blank sheet of cotton paper with a faint pencil grid, a brushed ivory ruler and a graphite set square on a dark green table.

Who it’s for

  • Businesses launching a website for the first time, or starting again from a clean sheet.
  • Teams whose current site no longer explains what they do or reflects the quality of their work.
  • Organisations with a strong offline reputation that their website hasn't caught up with.
DemonstrationTry it

From structure to design

Every page we design starts as structure: what goes where, and why. Drag across the page to see it as a plan and as a finished design. The regions line up exactly, because the design grows out of the structure.

NorthfieldWorkStudioContact

Shaped around how you work.

Start a project
StructureDesign

What’s included

  • 01

    Discovery and goals

    Conversations about your business, audiences and what the website must achieve, written up as a short brief we both agree on.

  • 02

    Site structure

    A page map and content plan, so every page has a clear purpose before visual design begins.

  • 03

    Visual direction

    Typography, colour, imagery and layout principles, explored as a direction you can react to early.

  • 04

    Page design

    Designed key pages for desktop and mobile, with the states and details that make them work in practice.

  • 05

    Content guidance

    Help shaping headlines, page copy and image needs so the words and design support each other.

  • 06

    Design system

    Reusable components and rules that keep new pages consistent long after launch.

How it works

  1. 01

    Listen

    We start with your business, your audience and what is or isn't working today.

  2. 02

    Structure

    We agree the page map and the job of each page before anything is styled.

  3. 03

    Direction

    We present a visual direction on real content, then refine it with you.

  4. 04

    Detail

    We design the remaining pages and states, ready to be built.

Good to know

  • No. A rough idea of what you want to say is enough to begin. We help shape the content alongside the structure and design.

  • Yes. We can design within an established identity, or help extend it where the web needs things a print identity doesn't cover.

Next step

Tell us about your business and what the new site should do. We'll suggest a sensible starting point.

Start a project

Your next chapter deserves a better website.

Start a project