10 Common Web Design Mistakes to Avoid (2026 UK Guide)

Most UK business websites lose visitors before the homepage finishes loading, and the reasons are remarkably consistent. The same handful of common web design mistakes show up on small-business sites, agency-built sites and DIY builder sites alike, and almost all of them are fixable without a full redesign.

Why one web design mistake can cost you a year of marketing spend

A page that takes more than three seconds to load loses a large share of its visitors before they read a single word, and Google's own Core Web Vitals guidance treats a Largest Contentful Paint above 2.5 seconds as a problem worth fixing. You have already paid for those visitors, through digital marketing, SEO, social posts or referrals, so every preventable bounce is wasted budget. Web design mistakes also compound. A slow site ranks lower, a confusing layout pushes conversion rates below 1%, and weak trust signals make returning visitors less likely. Fixing the obvious problems usually delivers a larger uplift than any new acquisition campaign, and our web design service typically uncovers four or five of these issues on every site we audit.

The single biggest mistake people make when creating a website

Asked to name one, we would not pick speed, mobile or navigation, though all three appear below. The biggest mistake is building the site around the business rather than around the decision the visitor is trying to make. It shows up as an "About Us" section three times longer than the services page, a homepage that opens with company history instead of what you sell, navigation labelled after internal departments, and a contact form as the only route to a price.

Every other mistake on this page is a symptom of that one. A slow site happens because nobody asked what the visitor needs loaded first. Weak calls to action happen because nobody decided what the visitor should do next. Generic copy happens because the page was written to describe the company rather than to answer a question.

The test is simple, and it takes a minute. Write down the single question a first-time visitor arrives with, then open your homepage and time how long it takes to answer it. On most UK small-business sites the answer is either below the fold or not present at all. Fix that ordering and a surprising number of the problems further down this list stop being problems.

The corollary matters for anyone commissioning a build: a designer who never asks who your customer is or what they need to decide is not designing, they are decorating. Our guide to how to hire a web designer covers the questions worth asking before you sign anything.

The six web design mistakes that cost UK businesses the most customers

These are the errors we see most often during conversion audits, each one independently capable of halving your conversion rate.

1. No mobile responsiveness

Statcounter's UK platform figures put mobile and tablet at just under 51% of UK web traffic in August 2026 (mobile 46.11%, tablet 4.72%, desktop 49.17%), so the phone is now the majority device on most sites. Plenty of businesses still ship a desktop-first layout that pinches text, hides navigation behind tiny taps and breaks forms on iOS Safari. Google completed its move to mobile-first indexing for the whole web in October 2023, which means the mobile version of your page is the version Google ranks. A non-responsive design therefore caps your search rankings before any other ranking factor gets a look in. Test every key page on a real handset, not just a shrunken browser window, and see our guide to mobile friendly website design for the layout decisions that matter most on a phone.

2. Slow loading times

Unoptimised images, render-blocking scripts and bloated themes are the three usual suspects. The fix is rarely glamorous: convert hero images to WebP or AVIF, defer non-critical JavaScript, and cache aggressively. A Largest Contentful Paint under 2.5 seconds on mobile is the threshold to aim for, because that is the point at which visitors stop noticing the wait.

3. Confusing navigation

If a first-time visitor cannot work out where to find your services, pricing or contact form within a few seconds, you have a navigation problem. Mega menus stuffed with twenty links, clever-but-unlabelled icons and disappearing mobile menus all push users away. Stick to four to seven top-level items written in plain English, and make the primary action reachable in three taps or fewer.

4. Weak or missing calls to action

"Submit", "Click here" and "Learn more" are placeholders, not calls to action. Visitors need to know exactly what happens next, so "Get a quote", "Book a 15-minute call" or "Download the pricing PDF" all work harder because they tell people what they are committing to. One primary CTA per page, repeated logically, beats six competing buttons every time.

5. Poor readability

Body copy under 16px, low-contrast grey-on-white text, walls of paragraphs without subheadings and decorative fonts on long-form pages all reduce comprehension. The Web Content Accessibility Guidelines set a minimum contrast ratio of 4.5:1 for normal body text, and there is no design reason to fall below that. Short paragraphs, clear subheadings and generous line spacing keep people reading.

6. Generic, untrustworthy design

Stock photos of smiling models, vague hero copy ("We deliver excellence") and missing trust signals such as reviews, case studies or real photos of the team all signal "this could be anyone" to a sceptical visitor. UK customers are particularly cautious about who they buy from online, and the brands that win are the ones that look real, specific and accountable. If you want a positive checklist rather than a list of failures, our guide to what makes a good website covers the same ground from the other direction.

Four more website mistakes that quietly drain your conversions

The first six are obvious once you know to look. The next four are subtler but just as expensive over the course of a year.

7. Ignoring on-page SEO basics

Missing meta titles, duplicate H1s, generic alt text ("image1.jpg") and no internal linking strategy are the easiest SEO wins on most sites, and the ones designers most often skip. A page can be beautifully designed and still attract zero organic traffic if Google has no idea what it is about. Pair every key page with a focus keyword, a unique meta description, structured headings and at least two contextual internal links.

8. Poor accessibility

The government's Family Resources Survey found that 25% of the UK population reported a disability in 2023/24, up from 19% a decade earlier, so this is a quarter of your potential customers rather than a rounding error. Most accessibility fixes also improve the experience for everyone else. Add descriptive alt text, ensure forms have proper labels, give every interactive element a visible focus state and test that the site is fully usable with the keyboard alone. Tools like Lighthouse and axe DevTools will flag the bulk of issues in minutes.

9. No internal search on content-heavy sites

If you have more than thirty pages or run a blog, an unobtrusive search bar in the header is no longer optional. The principle behind it is the one the GOV.UK Service Manual builds every public service around: design for the way people actually look for things, not the way you have filed them. Visitors who cannot find what they came for leave, and they rarely come back to try a second route.

10. Skipping analytics and conversion tracking

Launching a website without GA4, Search Console and proper conversion events is like driving with the speedometer covered. You cannot fix what you cannot measure. Set up GA4 events for form submissions, phone clicks and key page visits before you go live, not six months later when you are wondering why traffic isn't converting. Pair that with Search Console verification on day one so you can see how Google is actually crawling and ranking the site.

Web design dos and don'ts at a glance

If you want a single reference to hand to a designer or check your own site against, this is it. These are the business website mistakes to avoid, paired with what replaces each one.

Do:

• Design the mobile layout first, then scale it up to desktop.
• Keep the main navigation to four to seven plainly worded items.
• Give every page one primary call to action that names the outcome.
• Write hero copy that states what you do, who for and what happens next.
• Compress and convert images before upload, not with a plugin afterwards.
• Show real proof: named reviews, case studies, photos of actual people.

Don't:

• Ship a desktop-only design and assume the theme will cope on a phone.
• Bury pricing, services or contact details three levels deep in a mega menu.
• Fill the page with competing buttons that all shout equally loudly.
• Open with an abstract slogan that could belong to any company in any sector.
• Upload 4MB hero images and rely on the visitor's connection to absorb it.
• Fire a pop-up before the visitor has read a single sentence.

Almost every site we audit gets most of the "do" column right on some pages and most of the "don't" column wrong on others. Consistency across the whole site is what separates a design that converts from one that only converts on the homepage.

Product catalogue and category page design mistakes

If you sell anything online, the catalogue is where most of the money is won or lost, and it is the part of the site that gets the least design attention. Homepages get redesigned every couple of years. Category and product listing pages usually inherit whatever the theme shipped with. These are the catalogue design mistakes to avoid:

• No filtering, or filtering that reloads the page. A catalogue of more than about forty items needs filters on price, size, availability and the one or two attributes that matter in your sector. Filters that trigger a full page reload on every click are only marginally better than none.
• Sorting that defaults to something arbitrary. "Newest first" is rarely what a buyer wants. Default to best sellers or relevance, and let the visitor change it.
• Out-of-stock items mixed in with available ones. Showing them is fine, and often useful. Ranking them above items a customer can actually buy is not.
• Thumbnails that hide the decision. If colour, texture or scale is what the customer is choosing on, the listing image has to show it. A tightly cropped studio shot that looks elegant in a grid can make two very different products look identical.
• Prices only visible on the product page. Every extra click between a visitor and a price costs you buyers, and it costs you the ones most likely to be comparing you against a competitor.
• Listing pages with no text and no structured data. A category page with nothing but a grid gives Google almost nothing to rank. A short, genuinely useful introduction plus correct product structured data is what gets prices and availability showing in search results.

The same rules apply to a downloadable brochure or digital catalogue. If it is a flat PDF with no search, no links and no mobile layout, it is a document, not a catalogue, and it will not be read on a phone. Where the full commercial build is the goal rather than a tidy-up, our ecommerce website development work starts at the catalogue rather than the homepage, and the sector detail sits in our ecommerce website redesign playbook.

B2B website design mistakes that lose enquiries

B2B sites fail differently from consumer sites. The traffic is lower, the deal values are higher, and the visitor is usually researching on behalf of a committee rather than buying on impulse. Four mistakes account for most of the lost enquiries we see:

• Writing for the buyer and ignoring the researcher. The person on your site at 4pm on a Tuesday is often not the decision maker. They are building a shortlist to take to someone else, so give them something to forward: a specification sheet, a case study with numbers, a clear scope of what you do and do not do.
• Hiding pricing entirely. Full price lists rarely make sense in B2B, but "no pricing at all" pushes you off shortlists before you know you were on one. A starting figure, a typical project range or a worked example is usually enough to qualify the enquiry in both directions.
• One generic contact form for everything. Sales enquiries, support requests and supplier approaches have nothing in common. Routing them through a single "Contact us" box guarantees slow responses to the one that pays.
• No proof at the level the buyer cares about. Logos in a row prove nothing. A named client, the problem, what you did and what changed proves a great deal. If you operate under NDAs, an anonymised case study with real figures still beats a wall of badges.

Longer sales cycles also mean the site has to work as a reference document months after the first visit, so clear URLs, working search and pages that are easy to find again all matter more than they do in retail. Our SaaS and tech startup web design guide goes deeper on structuring a site around a considered purchase.

Website redesign mistakes that undo good work

A redesign is where hard-won rankings and conversions go to die if the project is handled carelessly. The most damaging redesign mistakes are rarely visual. They are technical decisions that quietly break what was already working.

• Changing URLs without 301 redirects. Every old page that moves to a new address needs a permanent redirect, or you lose the rankings and backlinks it earned. This is the single most common cause of a traffic collapse after a relaunch.
• Dropping content that was ranking. Teams often "tidy up" by deleting older pages that were quietly bringing in organic traffic. Check Search Console before you cut anything, and preserve or consolidate the pages that earn impressions.
• Blocking the new site from being crawled. Staging sites are usually set to noindex. If that setting ships to the live site, Google drops you from search entirely. Confirm the robots settings on launch day.
• Prioritising visuals over speed. A heavier, animation-packed redesign that loads slower than the site it replaced is a step backwards, however good it looks in a portfolio.
• Launching without a measurement baseline. If you do not record your current speed, rankings and conversion rate before the redesign, you have no way to prove whether the new site is better or worse.

Treat a redesign as a migration, not a fresh start: keep everything that works, fix everything that does not, in that order.

The 3-second rule and other website red flags visitors notice instantly

Visitors form a judgement about a site in well under a second, and they decide whether to stay within roughly the first three. The "3-second rule" is shorthand for a simple test: if a new visitor cannot tell what you do, who you help and what to do next within three seconds of the page loading, the design has failed at its first job. A few red flags trigger that failure almost every time:

• A hero section that says nothing. Abstract slogans and stock imagery with no clear statement of what you offer leave visitors guessing.
• Intrusive pop-ups before any value. A newsletter or discount pop-up that fires before the visitor has read anything reads as pushy and hurts mobile rankings.
• No obvious next step. If the primary action is buried below the fold or competing with five other buttons, people leave rather than hunt for it.
• An outdated look. A site that visibly belongs to an earlier decade makes visitors question whether the business is still active and trustworthy.
• Missing contact details or trust signals. No phone number, no address, no reviews and no security cues all raise doubt at the exact moment you need confidence.

None of these are hard to fix, and each one removed makes the next three seconds count for more. The relationship between layout decisions and revenue is direct enough that we have written it up separately in our guide to how web design affects conversion rate.

How to prioritise web design fixes when you can't do everything at once

Most sites have at least three of the mistakes above, and trying to fix all of them in parallel is how projects stall. The order that has worked best across the UK SMB audits we run looks like this:

1. Speed and mobile first. They affect every visitor, every page and your search rankings. Compress images, switch to a lightweight theme, add caching and fix mobile breakpoints before anything else.
2. Navigation and primary CTA second. A fast site that nobody can navigate is just an efficiently failing one. Get the menu and the main "what do we want visitors to do" question right.
3. Copy and trust signals third. Rewrite the hero section, add real photos, surface reviews and case studies, and swap generic claims for specifics with numbers in them.
4. SEO, accessibility and analytics fourth. By this point the site is fast, usable and trustworthy, so make sure search engines can find it, screen readers can read it and you can measure what is happening.

Each tier compounds the effect of the next. Fixing analytics first when the site loads in seven seconds is a waste of time, because the data will only confirm that visitors are leaving. Once the fundamentals are stable, structured conversion rate optimisation is what turns a competent site into a profitable one.

How to audit your own website in 30 minutes

You do not need a full agency review to find most of these problems. Run through this checklist on a phone you do not normally use, with a stopwatch:

• Open the homepage on a 4G connection. If the main heading takes more than three seconds to appear, you have a speed problem.
• Try to find your pricing or services in three taps or fewer. If you cannot, navigation is the problem.
• Read the first paragraph of the homepage out loud. If it is full of words like "innovative", "synergy" or "solutions" without specifics, the copy is generic.
• Find the primary call to action above the fold. If there is not one, or there are five competing ones, fix that next.
• Run the URL through PageSpeed Insights. Aim for a mobile score above 80 and Core Web Vitals all in the green.
• Check the contact form on a phone. If you cannot fill it in one-handed, redesign it.

If three or more of those checks fail, the site is leaking customers every day it stays as-is. The good news is that fixes for the first six issues are typically a one-week project, not a six-month rebuild. When you are ready to go deeper than thirty minutes, our full website audit checklist walks through the technical, content and conversion checks in order.

Industry-specific patterns we see across our work, from ecommerce store redesigns to medical clinic websites and tech startup sites, show that the same six mistakes account for the majority of conversion drag, regardless of sector.

Frequently asked questions