Most small business websites do not fail because they look ugly. They fail because of a handful of repeatable, fixable errors that quietly send visitors back to Google. After running hundreds of client audits, we keep finding the same patterns: a phone number buried three clicks deep, a hero slider nobody waits for, body text set at 11px on mobile, a services page with zero pricing context.
This guide walks through the 12 most common web design mistakes we see, what each one actually costs you in leads, and the specific fix to apply. Treat it as a diagnostic checklist: open your own site in a second tab and score yourself as you read.
Quick diagnostic: score your site in 10 minutes
Before the detail, run this fast triage. Open your homepage on a phone (not a desktop browser resized to look like a phone) and answer honestly.
| Check | Pass condition | Your score |
|---|---|---|
| The 3 second test | A stranger can say what you sell and to whom within 3 seconds | Pass / Fail |
| Contact visibility | Phone or enquiry button visible without scrolling | Pass / Fail |
| Mobile readability | Body text readable at arm’s length, no pinch zoom | Pass / Fail |
| Load speed | Main content visible in under 2.5 seconds on 4G | Pass / Fail |
| Price context | A visitor can estimate whether they can afford you | Pass / Fail |
| Trust signals | Real reviews, real photos, real address above the fold or close to it | Pass / Fail |
Three or more fails means you are almost certainly losing qualified enquiries every week. Here is the full list.
1. Hiding your contact details
This is the single most frequent issue in our audits, and the most expensive. Businesses put the phone number only on a “Contact” page, render it as an image so it cannot be tapped, or hide it behind a generic form with eight required fields.
Why it costs you leads
Ready-to-buy visitors are the impatient ones. A plumber, an accountant, a B2B service firm: when someone is ready, they want to call now. Each extra click between intent and contact drops conversion. Forms also filter out older demographics and anyone on a commute.
The fix
- Put a clickable phone number in the header on every page, using
<a href="tel:...">. - Add a sticky bottom bar on mobile with two actions: Call and Message or Book.
- Repeat full contact details in the footer, including a physical address and opening hours.
- Cut forms to the minimum: name, contact method, and one free text field. Add fields only when sales genuinely needs them.
2. Auto-playing hero sliders and carousels
The rotating hero banner refuses to die. We still find sites where four messages fight for the same 600 pixels, each one visible for five seconds before sliding away.
Why it costs you leads
Carousels dilute the message. Visitors read slide one, start processing it, and the layout moves. Interaction rates on slides two, three and four are typically negligible. Sliders also hurt Largest Contentful Paint and cause layout shift, both of which affect Google Core Web Vitals and therefore rankings.
The fix
Replace the slider with one static hero: one headline stating what you do and for whom, one supporting line, one primary button, one secondary link. If you have four messages, you have four landing pages, not four slides.
3. Unreadable text on mobile
Text sized for a 27 inch monitor, light grey on white, lines running edge to edge with no margin, paragraphs of nine lines. More than half of your traffic is reading that on a phone in daylight.
Why it costs you leads
If reading feels like work, people skim, miss your value proposition, and bounce. Low contrast is also an accessibility failure and an increasing legal risk in both the EU and North America.
The fix
| Element | Recommended value |
|---|---|
| Body text size (mobile) | 16px minimum, 17 to 18px preferred |
| Line height | 1.5 to 1.7 |
| Line length | 50 to 75 characters on desktop |
| Contrast ratio | 4.5:1 minimum for body copy |
| Paragraph length | 2 to 4 lines on mobile |
| Tap target size | 44 x 44px minimum |
4. No pricing context anywhere on the site
“We prefer to discuss budget on a call.” We hear it in every discovery session. Meanwhile the visitor leaves and checks three competitors who are willing to give a number.
Why it costs you leads
Price silence does not create curiosity, it creates suspicion. It also floods your inbox with unqualified enquiries from people who were never in your bracket, which wastes sales time. Hidden pricing is one of the most common web design mistakes in professional services precisely because it feels safe.
The fix
- Publish a starting from figure: “Projects typically start at 4,500 EUR.”
- Or publish ranges per package with what is included and excluded.
- Or publish a worked example: “A 12 page site for a local clinic, delivered in 6 weeks, came to X.”
- Add the variables that move the price so the number feels honest rather than arbitrary.
5. Confusing navigation
Menus with 11 top level items. Clever labels like “Solutions”, “Our Universe” or “The Approach”. Dropdowns that disappear when the cursor slips. Important pages reachable only from the footer. forumweb.hosting published something useful on the subject.
Why it costs you leads
Navigation is how people judge whether a site is worth their time. If they cannot build a mental map in a few seconds, they leave. Deep or orphaned pages also get crawled and indexed less effectively.
The fix
- Limit the main menu to 5 to 7 items.
- Use plain labels: Services, Pricing, Work, About, Contact.
- Keep every important page within two clicks of the homepage.
- Give the primary action a button style distinct from text links.
- On mobile, make sure the menu icon is labelled “Menu” and opens instantly.
6. Weak or duplicated calls to action
Common patterns we flag: the only CTA says “Submit”, five different CTAs compete on one page, or the page simply ends with no next step at all.
Why it costs you leads
Interested visitors will not invent a next step for you. And when every element shouts equally, nothing is primary, so decision making stalls. com.sg published something useful on the subject.
The fix
- One primary CTA per page, repeated at the top, middle and end.
- Write the outcome, not the mechanic: “Get my free site audit” beats “Submit”.
- Add a risk reducer next to it: “No obligation. Reply within one business day.”
- Offer one low-commitment secondary option, such as a downloadable checklist or a pricing page link.
7. Slow loading pages
The usual culprits: uncompressed 4MB photos straight from a camera, five tracking scripts, three font families with nine weights, a page builder loading CSS for blocks that are not used.
Why it costs you leads
Mobile users on patchy connections abandon fast. Speed also feeds directly into Core Web Vitals, which influences rankings, and slow sites are perceived as less trustworthy even when the content is identical.
The fix
- Serve images in WebP or AVIF, resized to their display dimensions, with width and height attributes set.
- Lazy load everything below the fold, but never the hero image.
- Cut to one or two font weights, self-hosted.
- Audit plugins and third party scripts quarterly and remove what is not earning its keep.
- Test with PageSpeed Insights on the Mobile tab, using field data where available.
8. Stock photos and generic copy
The handshake in a glass lobby. The diverse team laughing at a laptop. Copy that says “We deliver innovative solutions tailored to your needs” and could belong to any company in any industry.
Why it costs you leads
Visitors scan for evidence that you are real and specifically relevant to them. Generic signals suggest a business that is either tiny and hiding it, or impersonal. Either way, trust drops.
The fix
- Commission one short photo session: your team, your premises, your work in progress.
- Name the customer type in the first headline: “Websites for independent clinics in Brussels.”
- Replace adjectives with specifics: numbers, timeframes, named deliverables.
9. Missing or fake-looking trust signals
No reviews, or reviews attributed to “Sarah M., Client” with a stock headshot. No company registration details. Certification logos that link nowhere.
Why it costs you leads
Unverifiable social proof is worse than none. It actively signals that something is being hidden.
The fix
- Use full names, company names, roles and, where possible, links to the client site.
- Embed live Google review ratings rather than retyping them.
- Publish two or three case studies with a problem, an action and a measurable result.
- Show legal identity in the footer: registered name, company number, VAT number, address.
10. Dead end 404s and broken internal links
Sites that have been redesigned once or twice almost always carry broken links, old URLs with no redirects, and a default 404 page with no navigation.
Why it costs you leads
Every broken link is a visitor stopped mid journey, plus wasted crawl budget and lost link equity.
The fix
- Crawl the site with a tool such as Screaming Frog or Ahrefs Site Audit each quarter.
- 301 redirect every retired URL to the closest relevant page, not blindly to the homepage.
- Design a useful 404: search box, top five pages, contact button.
11. Intrusive popups and interstitials
A newsletter popup at two seconds. A cookie wall covering half the screen with no visible decline option. A chat widget that opens itself and hides the content.
Why it costs you leads
Intrusive interstitials on mobile are explicitly penalised by Google, and they frustrate the exact people who were about to read your offer. Non-compliant consent banners also carry regulatory risk in the EU.
The fix
- Trigger popups on exit intent or after meaningful scroll depth, never on arrival.
- Make the close button large and obvious.
- Give “Accept” and “Reject” equal visual weight in the cookie banner.
- Keep chat widgets collapsed by default on mobile.
12. No clear information hierarchy or whitespace
Everything the same size. Sections jammed together with 10px of padding. Six colours competing. Three headline styles on one page.
Why it costs you leads
People do not read pages, they scan them in an F or Z pattern. Without hierarchy there is nothing to scan, so the brain treats the page as noise and disengages.
The fix
- Define a type scale and stick to it: H1, H2, H3, body, small.
- Use a spacing system (8, 16, 24, 40, 64, 96px) rather than arbitrary values.
- Give each section 60 to 100px of vertical breathing room on desktop.
- One accent colour reserved exclusively for actions.
- Break long content into blocks with subheadings, bullets and summary boxes.
Priority order: what to fix first
You will not fix all 12 this week. Fix them in order of revenue impact.
| Priority | Mistake | Effort | Typical impact |
|---|---|---|---|
| 1 | Hidden contact details | Low | High |
| 2 | Weak calls to action | Low | High |
| 3 | Mobile readability | Low | High |
| 4 | Auto-playing slider | Low | Medium to high |
| 5 | No pricing context | Medium | High |
| 6 | Page speed | Medium | High |
| 7 | Confusing navigation | Medium | Medium |
| 8 | Trust signals | Medium | Medium |
| 9 | Popups and interstitials | Low | Medium |
| 10 | Broken links and 404s | Low | Medium |
| 11 | Stock photos and generic copy | High | Medium |
| 12 | Hierarchy and whitespace | High | Medium |
How to validate your fixes
Design opinions are cheap. Evidence is not. After each change, check these:
- Google Analytics 4: engagement rate and key event completions by landing page, compared month on month.
- Search Console: impressions versus clicks, to spot pages ranking but not earning the click.
- Heatmaps and session recordings: watch 10 mobile sessions. You will learn more in 20 minutes than from any checklist.
- Five second tests: show the homepage to someone outside the business for five seconds, then ask what the company does.
- Call tracking: if phone is your main channel, measure it. Otherwise you are optimising blind.
FAQ
What are the top 10 web design mistakes?
The ten that cost the most leads are: hidden contact details, auto-playing sliders, unreadable mobile text, missing pricing context, confusing navigation, weak calls to action, slow load times, generic stock imagery, missing trust signals, and intrusive popups. Nielsen Norman Group’s classic list focuses on usability fundamentals such as bad search and non-scannable text, and those still apply, but on small business sites the contact, pricing and mobile issues are usually the bigger revenue leak.
What are the 7 C’s of website design?
They are context, content, community, customisation, communication, connection and commerce. The framework is a useful audit lens: for each C, ask whether your site actively delivers it or merely assumes it.
What is the 3 second rule in website design?
It is the working assumption that a visitor decides within roughly three seconds whether a page is relevant to them. In practice that means your headline, supporting line and primary action must communicate what you do, who it is for, and what to do next, without scrolling.
What are the most common problems in website design?
In our audits the recurring problems cluster into four groups: clarity (visitors cannot tell what you sell), friction (contact and conversion paths are too long), performance (slow pages, especially on mobile) and trust (no verifiable proof that you are a real, capable business). Almost every mistake in this article belongs to one of those four.
How often should a small business redesign its website?
A full redesign every four to five years is typical, but continuous iteration beats big-bang rebuilds. Review content quarterly, review performance and broken links quarterly, and reassess the overall structure annually. If your site still relies on a carousel hero and a desktop-first layout heading into 2027, it is already overdue.
Does fixing design mistakes improve SEO as well as conversions?
Yes, and the two overlap more than people expect. Page speed, mobile usability, intrusive interstitials, broken links and clear internal navigation are all signals Google evaluates. Improving them generally lifts both rankings and conversion rate at the same time.
Next step
Work down the priority table above and fix the top three this week. They are low effort and high impact, and you will usually see the difference in enquiry volume within a month. tilda.education has covered this at length.
If you would rather have someone else diagnose it, we run structured website audits covering every point in this article and deliver a prioritised action list you can hand to any developer. Get in touch and tell us your URL.