Home/Services/Web Design

Build · Pillar 01

Web design for a purchase nobody makes on impulse.

Your buyer reads the site weeks before they contact you, usually without telling anyone. The job of the website is to survive that private reading and still be on the shortlist.

What does B2B web design involve?

B2B web design is the design and build of a website for a considered, high-value purchase rather than an impulse one. The work is positioning and message structure first, then a reusable design system, content shaped around the questions a buyer asks while researching privately, and a content management system the client’s own team can operate.

  • Positioning and message structure decided before any page is designed.
  • A design system of components, so later pages stay consistent.
  • Editable by your marketing team without a developer.

Why it matters

A redesign is usually asked for too late.

The trigger is almost always aesthetic — the site looks dated next to a competitor’s. That is a real problem, but it is rarely the expensive one. The expensive one is that the site does not answer what a buyer actually needs to know, so they leave without ever identifying themselves.

In a considered purchase, most of the evaluation happens before anyone fills in a form. The site is doing its most valuable work while you have no idea it is happening. Designing it as a brochure, rather than as the first half of a sales conversation, is what wastes the budget.

What we settle first

Why a redesign disappoints

These are decisions, not design tasks, and they are the ones that decide whether the new site performs better or just looks newer:

  • The site describes what you do but not who it is for.
  • Enquiries arrive from people you cannot help, and few from those you can.
  • Sales re-explain the same things the site should already have said.
  • Marketing cannot change a page without raising a developer ticket.
  • Every new page looks slightly different from the last one.
  • It was designed for desktop and tolerated on a phone.

Scope

What a web design engagement covers.

The visual design is the visible part and the smallest part. Most of the value is in the three items before it and the two after.

  1. Positioning & message

    Who the site is for, what it must say in the first ten seconds, and what it has to answer before a buyer will make contact. Written down and agreed before design.

  2. Structure & content model

    The page architecture and the content types behind it, shaped around the questions buyers actually ask rather than around your internal org chart.

  3. Design system, not pages

    Type scale, colour, spacing and a component library with their states defined, so page fifty still looks like page one and costs a fraction to build.

  4. Design & build

    Templates designed and built to the system, responsive from the phone up, with the motion and detail that make it feel considered rather than assembled.

  5. A CMS your team can run

    Editing that matches the content model, so marketing can publish a case study or change a headline without a developer and without breaking the design.

  6. Accessibility & performance

    Built and tested to WCAG 2.2 AA with a performance budget held through the build, rather than audited after launch and partly fixed.

Deliverables

What you get out of it.

Judged on the quality of the enquiries and on whether your own team can run the site, not on how it looks in a portfolio.

  1. A site that qualifies for you

    Clear enough about who you serve that the wrong enquiries stop arriving and the right ones arrive already understanding what you do.

  2. A design system you keep

    Documented components and tokens, so the next twenty pages are consistent and cheap rather than a slow drift away from the original design.

  3. Independence from us

    Your team publishes, edits and adds pages themselves. A site that needs its agency for every change is a subscription you did not agree to.

  4. Evidence it is not excluding anyone

    An accessibility conformance record and a performance budget met at launch — increasingly asked for in corporate procurement, and simply the right thing.

Is this the right answer?

When web design is worth doing — and when it is not.

We would rather lose a project at this stage than six weeks in. If the right-hand column describes you, say so and we will tell you what we would do instead.

Worth doing when

  • Buyers research you privately for weeks before making contact.
  • The site cannot be edited by your own team without raising a developer ticket.
  • Enquiries arrive from people you cannot help, and rarely from those you can.
  • Every new page looks slightly different from the last one.

Probably not when

  • You want a visual refresh and the message and structure are genuinely fine.
  • The real problem is that nobody has written the content, and nobody will.
  • You need a logged-in, transactional platform — that is a different build.
  • You are about to rebrand, in which case do that first.

How we deliver

How a site gets designed here.

Positioning before pixels. A design produced before the message is agreed is a decoration exercise, and it shows.

  1. Phase one

    Position & audit

    Sessions with sales and with real customers, plus an honest read of the current site and the competitors a buyer is comparing you against. Output is the message and structure, written and signed off.

  2. Phase two

    Design the system

    Type, colour, spacing, components and the two or three templates that carry the most weight — designed and reviewed before the rest of the site exists.

  3. Phase three

    Build & populate

    Templates built to the system, the CMS modelled to match, and the content migrated or written. Accessibility and performance checked as we go, not at the end.

  4. Phase four

    Launch & hand over

    Redirects tested before cutover, analytics verified against reality, and your team trained on the CMS they now own.

What you receive

The things that actually land.

Artefacts, not adjectives. Everything below is listed in the scope document before a phase starts, so “done” is a defined state rather than an opinion.

  1. A positioning and message document

    Who the site is for, what it must say in the first ten seconds and what it has to answer. Agreed in writing before any design work starts.

  2. A design system

    Type scale, colour, spacing and a component library with states defined, in Figma and in code. What keeps page fifty consistent with page one.

  3. The built site, in your hosting

    Deployed to infrastructure you own, with the repository in your account and the domain and DNS under your control.

  4. A CMS modelled to your content

    Editing that matches how you actually publish, so a case study is a set of fields rather than a page builder to fight.

  5. An accessibility conformance record

    What was tested, against WCAG 2.2 AA, with what result. Increasingly requested in corporate procurement.

  6. A tested redirect map

    Every old URL with traffic or links mapped and verified before cutover, plus a month of indexation monitoring afterwards.

Golden Triangle

Designing for a Midlands B2B buyer.

What works for a consumer brand misfires here. The buyer is technical, risk-averse and comparing you against two others.

  1. Proof over polish Specifics win Industrial and professional buyers trust detail — capacities, tolerances, accreditations, named sectors. A beautiful site that will not commit to specifics reads as evasive.
  2. The quiet shortlist No form filled Most evaluation happens with no trace in your analytics. The site has to answer the awkward questions unprompted, because nobody is going to ring and ask them.
  3. Local credibility Where you are For work needing site visits, buyers in this corridor genuinely filter by location. Being plainly a Golden Triangle business is an advantage worth stating, not hiding behind a national tone.

We design sites for manufacturers, distributors, contractors and professional firms across Birmingham, Nottingham, Northampton, Leicester, Coventry, Derby and Milton Keynes.

Technology

What we design and build with.

The CMS follows who will edit the site and how often, not a preference of ours. We will talk you out of a headless build you do not need.

  • Figma
  • Design tokens
  • HTML, CSS, TypeScript
  • WordPress
  • Headless CMS
  • Astro / Next.js
  • WCAG 2.2 AA testing
  • Core Web Vitals budget
  • Redirect mapping
  • Analytics handover

Questions

Web design, answered plainly.

Asked when a site looks dated and nobody is sure what that is costing.

What is the difference between web design and a web platform?

A website presents information and persuades — it is read, mostly by people who never sign in. A web platform requires a login and changes business state: it takes orders, tracks jobs, routes approvals. They need different work. A website is won on positioning, structure and clarity; a platform is won on permissions, integration and uptime. Many businesses need both, and we build them as separate things that share a design system.

How much does a B2B website cost?

A properly positioned, design-systemised site for a mid-sized business is typically a mid five-figure project, with larger multi-brand or multi-language sites above that. The variables are how many distinct templates you need and how much content has to be written rather than migrated. GTX Digital prices each phase against a written scope, so you commit after the positioning phase, not before it.

How long does a website take?

Three to five months for a mid-sized B2B site: two to three weeks on positioning and structure, three to four weeks designing the system and key templates, then build, content and testing. Content is the usual thing that slows a project down, so we agree who is writing what in the first phase.

Will our team be able to edit it?

Yes, and that is a design decision rather than a plugin. The content model is built to match how you actually publish, so editing a page means filling in meaningful fields rather than fighting a page builder. We train your team at handover, and the design system means their edits cannot quietly break the layout.

Do we need a rebrand first?

Usually not. Most businesses have a logo and some colours that are fine, and what is missing is a system around them — type scale, spacing, component styles, photography direction. We can build that from your existing brand. If the brand genuinely is the problem we will say so, but we would rather not sell you a rebrand you do not need.

What happens to our search rankings when we relaunch?

They are protected deliberately, or they are lost permanently. Every URL with traffic or links gets a tested redirect, we compare a crawl of staging against the live site before cutover, carry across structured data and canonicals, and monitor indexation daily for the first month. Most of the permanent organic losses we are asked to investigate are relaunches where this was treated as a launch-day task.

Who writes the content?

Whoever is best placed to, agreed in the first phase. We write structure and often the key pages; subject detail is usually faster and more credible from your own people with us editing. What never works is assuming it will happen alongside everyone’s day job without a named owner and a date, and that is the single most common cause of a website project stalling.

Will the site be fast?

We set a performance budget at the start and hold it through the build rather than optimising at the end, because the things that make a site slow — heavy images, too many third-party scripts, render-blocking resources — are decisions, not accidents. Core Web Vitals are measured on real user data, not a lab score.

Can you work with our existing brand?

Usually, and that is the cheaper answer. Most businesses have a logo and colours that are fine and are missing the system around them: type scale, spacing, component styles and photography direction. We can build that from what you have. If the brand genuinely is the problem we will say so rather than quietly working around it.

What happens to our existing search rankings?

They are protected deliberately or they are lost permanently. Every URL with traffic or links gets a tested redirect, we crawl staging and compare it against the live site before cutover, structured data and canonicals carry across, and indexation is monitored daily for the first month. Most permanent losses we are asked to investigate are relaunches where this was a launch-day task.

Related services

Often scoped alongside this.

  1. Build

    Web Platforms

    Logged-in platforms that carry real transactions, not brochure websites.

    Explore
  2. Grow

    Technical SEO

    The engineering half of search: crawling, indexing, rendering and speed.

    Explore
  3. Grow

    Conversion & Analytics

    Measuring what happens after the click, then fixing where it leaks.

    Explore

All 19 GTX Digital services

Next step

Bring the questions sales answers every week.

The things buyers ask before they trust you are the things the site should already be saying. That list is the most useful starting point a redesign can have.