Skip to main content
Whitespace Digital

Service

Website Design

Clear, calm design that puts the next step in front of the customer instead of hiding it.

What you get

  • A structure built around what your customers are actually trying to do
  • Page designs reviewed in the browser on your own phone, not as flat images
  • Typography, spacing and colour that meet WCAG 2.2 AA contrast requirements
  • One obvious next step on every page, so enquiries do not depend on luck
A tidy desk with a laptop and monitor showing a clean, minimal website layout

Website Design in detail

Design that does a job

Most business websites are not badly designed in the artistic sense. They are badly designed in the commercial sense: attractive enough, but arranged so that the visitor has to work out for themselves what the company does, whether it covers their area, roughly what it costs and how to make contact. Every one of those small frictions loses a proportion of the people who arrive.

Our approach to website design starts from the opposite end. Before anything is drawn, we work out what a visitor needs to know in order to feel confident enough to pick up the telephone. Then we design the shortest, calmest path to that point. Everything else — the photography, the animation, the clever ideas — has to earn its place around that path rather than obstruct it.

That is where the studio name comes from. Whitespace is not empty space; it is the tool that tells someone where to look. Used properly, it does more for clarity than another paragraph of copy or another decorative flourish ever will.

Where enquiries are actually lost

Having rebuilt a great many small business websites over the past decade, the same handful of problems come up again and again.

The offer is vague. A visitor lands on the home page and finds a headline about passion and excellence, but nothing that tells them whether the business does the specific thing they need, in the place they need it. Specific beats impressive, every time.

The next step is missing. Pages end without telling the reader what to do. A page with no clear action is a dead end, and the visitor leaves rather than hunting for a contact link in the footer.

The important information is buried. Coverage areas, prices or price ranges, response times, qualifications, whether you work weekends. These are the things people are actually looking for, and they are frequently three clicks deep or absent altogether.

It is uncomfortable to use on a phone. Text too small, tap targets too close together, a menu that needs two hands, a form that will not accept a pasted telephone number. More than half your visitors are on a phone, often outdoors, often in a hurry.

It looks dated in a way that undermines trust. Fairly or not, people read a tired website as a signal about the business behind it. Trust is the whole game for a professional service, and design is a large part of how it is communicated before a word is read.

How we design

Structure before surface

We agree a sitemap and a page-by-page outline before any visual work starts. It sounds dry, and it is the single most valuable stage of the project. Getting the structure right means each page has one job, related pages link sensibly to one another, and there is a logical home for every piece of content you already have — as well as the content you will add in two years.

This is also where the technical build is shaped. Deciding early that you need a filterable list of services, or a location page for each town you cover, is straightforward. Discovering it after the design is signed off is not.

Designed in the browser

We do not present flat mock-ups and ask you to imagine them working. Templates are designed as real pages you can open on your own laptop and your own phone, click through, and try to break. You see the actual typography at the actual size, the real behaviour of the navigation, and how the layout copes when a heading is longer than the designer hoped.

The practical benefit is that awkward content surfaces early. A service name that is three words longer than the others, a testimonial that runs to a paragraph, a logo that only works on a light background — all far cheaper to solve in week two than in week six.

Type, colour and spacing as a system

Rather than styling pages one at a time, we define a small set of tokens: a typographic scale, a colour palette with tested contrast values, a spacing rhythm built on eight-pixel increments, a consistent set of corner radii and shadows. Every component is assembled from those tokens.

The result is a site that feels coherent, and one that stays coherent. When you need a new page in eighteen months, the pieces already exist and already match. This is also what makes a redesign in five years an evolution rather than a demolition.

Accessibility as a design constraint

Around one in five people in the UK has a disability, and a far larger number benefit from clear design: anyone reading in bright sunlight, anyone with tired eyes at the end of the day, anyone using a phone one-handed. We design to WCAG 2.2 AA as a baseline, which in practical terms means:

  • Text contrast of at least 4.5:1, and 3:1 for large text and interface elements
  • Focus indicators that are always visible, so keyboard users can see where they are
  • Meaning never carried by colour alone — errors and states get an icon and words too
  • Touch targets comfortably large enough to hit accurately on a moving train
  • Motion that respects the operating system's reduced-motion setting

None of this makes a site look clinical. It usually makes it look better, because the constraints push you towards clarity.

Designed for the words you actually have

A design that only works with perfect content is not a design; it is a wish. We build layouts that cope with a short paragraph and a long one, with three services or seven, with a photograph you have and one you do not. Where content is genuinely missing, we say so early and help you decide whether to write it, commission it, or drop the section entirely.

What you receive

At the end of a design engagement you have responsive designs for every key template, a documented design system, accessibility notes, and complete ownership of everything produced. Nothing is locked to a proprietary builder or a licence you have to keep paying for.

Most clients then move straight into development, where the designs become a fast, secure, statically generated website. Some take the designs elsewhere, and that is fine too — they are yours.

Working with us

Design work is quoted as a fixed price once the structure is agreed, so you know the figure before you commit. A focused business site is typically designed and built inside three to four weeks; larger sites with location pages or a substantial article library take longer, and we will tell you honestly which category yours falls into.

If you would like to know what we would change about your current site, tell us about your project or call 01420 446331. We will give you a specific answer rather than a brochure, and if we think a tidy-up would serve you better than a rebuild, we will say that as well. Our frequently asked questions cover costs, timescales and ownership in more detail.

Where the value is

What makes the difference

  • Designed around the enquiry

    Every layout decision is measured against one question: does this make it easier or harder for a customer to get in touch? Anything that fails that test comes out.

  • Reviewed on real devices

    You see real pages in your own browser from the first week, so you judge the design the way your customers will rather than as a picture in a PDF.

  • Accessible by construction

    Contrast, focus states, heading order and touch target sizes are designed in from the start. Retro-fitting accessibility costs several times more.

  • A system, not a set of pages

    You get reusable components with consistent spacing and type, so adding a page in two years' time still looks like it belongs.

How it works

The steps involved

No mystery and no jargon. You will know what is happening at each stage and what we need from you.
  1. 01

    Understand

    A conversation about the business, the customers and what an enquiry is worth to you. We look at competitors, current analytics if you have them, and the questions you get asked on the telephone.

  2. 02

    Structure

    A sitemap and page-by-page outline agreed in writing before any visual design happens. This is the stage that keeps projects on time.

  3. 03

    Design

    Key templates designed in the browser — home, service, article, contact — then reviewed together and refined. Real content wherever possible.

  4. 04

    Refine and hand over

    Two rounds of revisions, then a documented set of components, colour tokens and type styles so future work stays consistent.

Deliverables

Exactly what is handed over

Written into the proposal, so there is never a question about what was included.
  • Sitemap and page-by-page content outline
  • Responsive designs for every key template, from 320px upwards
  • A documented design system — colour tokens, type scale, spacing, components
  • Accessibility notes covering contrast, focus order and reduced-motion behaviour
  • Source files and full ownership of everything produced

Questions

Website Design: common questions

If yours is not answered here, ask us directly — we will give you a straight answer either way.

Do you use templates?

No. We build a small design system specific to your business, which is why two Whitespace Digital sites never look alike. We do reuse our own patterns for things like forms and navigation, because those patterns have been tested for accessibility and there is no benefit in reinventing them.

Can you work with our existing brand?

Yes, and most clients want exactly that. Give us your logo, colours and any guidelines and we will design within them, flagging anything that would fail contrast requirements so it can be adjusted rather than ignored.

How many rounds of changes are included?

Two rounds of revisions on each template are included in the fixed price. In practice, because you review real pages in the browser as they are built, most projects need far less reworking than that.

Will you write the words as well?

We can. Most clients supply a first draft that we shape and tighten, which is the cheapest route. If you would rather hand it over entirely, we quote copywriting separately per page.

Ready to talk about website design?

Send a couple of sentences about the situation. We will reply with what we would do, what it would cost and how long it would take.

Related services

  • Website Development

    Fast, secure builds on modern foundations, with content you can edit yourself.

  • Website Performance Optimisation

    Measured, methodical work to make pages load quickly on real devices.

  • Managed Websites

    One monthly fee covering hosting, security, updates, monitoring and the changes you need.

Start a conversation

Tell us about your project

A few details are enough to get a useful answer. We will read it properly, look at what you have now, and reply with honest advice — even if that advice is that you do not need us.

  • A reply within one working dayUsually the same day. You will hear from the person who would do the work, not a sales team.
  • A fixed price before anything startsWe quote for the whole project, in writing, with the scope set out plainly. No hourly surprises.
  • Local, if that matters to youWe work with businesses across Surrey and Hampshire, and further afield. Meetings in person or online.

Prefer to talk?

Telephone: 01420 446331

Monday to Friday, 9am to 5.30pm. Near Farnham, Surrey.

A trading name is fine if you are a sole trader.

Useful if you would rather we called you back.

If you already have a site we will review it before we reply. Leave this blank if you are starting from scratch.

What the site needs to do, what is not working now, anything you have already ruled out. A couple of sentences is plenty.

Or call 01420 446331

This form is protected by reCAPTCHA. The Google privacy policy and terms of service apply.