Service
Website Design
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
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
- 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.
- 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.
- 03
Design
Key templates designed in the browser — home, service, article, contact — then reviewed together and refined. Real content wherever possible.
- 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
- 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
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
Often needed alongside this
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.