The studio

Good design starts
with paying attention.

I want to understand what you do, who you need to reach and why people choose you. That gives the design something specific to build on.

You work with one studio from the first conversation through design and development, so the thinking does not get lost between stages.

How the work takes shape

One connected
process.

01Listen and define

We begin with what the business needs the website to achieve, who it needs to speak to and what visitors should be able to do. These points become the brief used to judge later decisions.

02Plan the pages

The sitemap, navigation and order of information are planned before visual detail takes over. Existing content is reviewed so gaps and priorities are visible early.

03Set the visual direction

Typography, colour, imagery and layout are developed around the character of the business. The homepage direction is agreed before that system is carried across the remaining pages.

04Build responsively

The approved design becomes a working website for large screens, laptops, tablets and phones. Accessibility, loading performance and purposeful interaction are considered during the build.

05Review working drafts

You can see the website in the browser rather than relying on flat pictures. Feedback is gathered in clear rounds, with decisions and requested changes kept connected to the current draft.

06Check and prepare

Before launch preparation, pages are checked across screen sizes. Links, forms, focus states, page titles, image treatment and the details of spacing and type receive a final pass.

01

Start with the business

The design should express something true about your work, not follow a visual trend that could belong to anyone.

02

Make room for review

A working draft gives you something concrete to respond to, with a clear place to collect feedback and see progress.

03

Keep the details connected

Typography, movement, responsive behaviour and page speed are treated as part of the design rather than technical afterthoughts.

Before a site is ready

The details get
a final pass.

A careful finish is not one last task. It is a series of checks made throughout the design and build, followed by a focused review before launch preparation.

Screen sizes

Layouts are checked from wide desktop screens down to small phones, including the awkward widths between standard breakpoints.

Interaction

Navigation, buttons, links, forms, keyboard focus and motion are reviewed so the site remains clear to use.

Content and type

Headings, line lengths, spacing, image crops and page-to-page consistency are checked together rather than in isolation.

Page foundations

Titles, descriptions, semantic structure, image text and basic search and sharing information are prepared for the public pages.

Tell me about your website