Good Design Is Conversion Rate Optimisation: How Design Lifts Website Conversions

Quick answer: Most of what moves a website's conversion rate is design. What a visitor sees first, how clear the next step is, how much the form asks and where the proof sits are all design decisions. Good design treats them as the job. Design chosen only for how it looks is a common reason attractive websites bring in few enquiries.

This guide explains what conversion rate optimisation is, why a website is not converting, the design decisions that matter most, and how to measure a change.

What is conversion rate optimisation?

Conversion rate optimisation (CRO) is the work of getting more of your existing visitors to do what the page is for. A conversion is whatever that is: an enquiry, a call, a booking, a purchase.

Term	Meaning	Example
Conversion	A visitor completing the page's main action	A submitted quote form
Conversion rate	Conversions divided by visits	20 enquiries from 1,000 visits is 2%
Website conversion strategy	The plan for which action each page should produce, and how	Service pages lead to a quote form; articles lead to a service page

More traffic and a better conversion rate both produce more customers. The difference is that conversion work improves the return on the visitors you already have.

Why design and conversion are the same job

Many businesses buy design and conversion optimisation as two separate projects. Design makes the site look good. Then someone is hired to make it convert, and adds urgency banners and pop-ups to a layout that was never planned around an action.

That split does not hold up. The things that decide whether a visitor acts are hierarchy, clarity, layout, contrast and flow. Those are design. A site planned around what each page should produce does not need conversion tricks added afterwards.

Why is my website not converting?

When a site gets visitors and few enquiries, the cause is usually one of six. Check them in order, because each one hides the next.

1. The wrong visitors. Traffic from searches that do not match what you sell will not convert, whatever the page looks like.
2. An unclear first screen. The visitor cannot tell what you do, for whom, or where.
3. No obvious next step. Several buttons compete, or the main one is hard to find.
4. Weak proof. Nothing on the page gives a stranger a reason to believe you.
5. Too much friction. The form is long, the price is hidden, or the checkout asks for an account.
6. A slow or jumpy page. Visitors leave before they read it.

Our guide to how a website generates leads follows the same path from the visitor's side, and website design mistakes lists the most frequent faults.

Which design decisions increase website conversions?

Visual hierarchy: decide what is seen first

The Nielsen Norman Group defines visual hierarchy as "the organization of the design elements on the page so that the eye is guided to consume each design element in the order of intended importance", and lists three tools for creating it: colour and contrast, scale, and grouping (NN/g).

Hierarchy is a business decision. If the main action is not the most prominent thing on the page, the hierarchy is wrong, however polished each part looks. Template sites often fail here: every section has the same weight because nobody decided what should stand out.

Clarity: say what happens next

A button that says "Let's go" or "Discover more" makes the visitor guess. "Get a quote" or "See prices" does not. The same applies to headlines, menu labels and form fields. Wherever a visitor has to interpret, some will stop.

Proof: put it where the doubt is

Reviews, client names, licences and results only work if they are noticed and believed. The Nielsen Norman Group's research on credibility names four factors: design quality, upfront disclosure of things like prices and contact details, comprehensive and current information, and connection to the rest of the web, such as independent reviews (NN/g).

A row of five-star icons with no names is decoration. A named customer, a specific result and a link to where the review was left is evidence. Place it beside the button, where the visitor is deciding, not on a separate page.

Only use proof you can stand behind. When we audited our own site, we removed the placeholder testimonials that came with its template, because they were not ours.

Friction: ask for less

The clearest data on friction comes from online stores. The Baymard Institute, which collects studies of checkout behaviour, puts the average documented cart abandonment rate at 70.22%, across 50 studies. Among US shoppers who intended to buy, 18% left because the site wanted them to create an account, 17% because the checkout was too long or complicated, and 12% because they could not see the total cost up front (Baymard Institute).

Those figures are for stores, but the lesson carries to an enquiry form. Every extra field, hidden price and forced step gives someone a reason to leave.

• Ask only for what you need in order to reply.
• Show prices, or explain how you price.
• Say what happens after the form is sent, and when.

Speed and stability

A page that loads slowly or jumps as it loads loses people before the design can do anything. A study by Deloitte and 55, commissioned by Google, found that a 0.1 second improvement in mobile speed was associated with 8.4% more conversions on retail sites (web.dev). It covered 37 large brands in 2019, so read it as direction.

On our own homepage, a button that was added after the page loaded moved the text around it by about 190 pixels. A visitor reaching for one thing would have found another under their thumb. Our guide to website speed optimisation covers the fixes.

Phones first

Most of the decisions above are tested hardest on a small screen. Buttons need to be large enough to tap: the accessibility standard sets a minimum of 24 by 24 CSS pixels (WCAG 2.2). The phone number should be tappable. The form should be short enough to fill in with a thumb.

Website conversion strategies: what to change first

Change	Effort	Why it comes first
Rewrite the first screen to say what, who for and where	Low	Nothing else is read if this fails
Choose one main action per page	Low	Removes the choice that stops people
Shorten the form	Low	Every field removed is a reason to stop removed
Move real proof beside the main button	Low	Answers doubt at the moment of decision
Show prices or how you price	Medium	Hidden cost is a leading reason people leave
Fix speed and layout shifts	Medium	Affects every visitor
Rework the page layout around the action	Higher	Needed when the hierarchy is wrong throughout

How do you measure a change in conversion rate?

1. Count the right thing. Enquiries, calls and bookings, not page views.
2. Divide by visits, page by page, so you can see which pages earn their place.
3. Change one thing at a time. Otherwise you will not know what worked.
4. Compare like with like. The same length of time before and after, avoiding holidays and campaigns.
5. Be patient on a small site. Formal A/B tests need a lot of traffic to give a reliable answer. For most small business sites, a before-and-after comparison over several weeks is the realistic method.

Do not measure yourself against a published average. Conversion rates vary by industry, by price and by what each study counts, so your own trend is the number to watch.

What is conversion-focused web design?

Conversion-focused web design is design planned from the action backwards. Before anything is drawn, each page is given one job: this page produces a quote request, that one sends readers to a service page. The layout, the wording and the proof are then arranged to lead there.

It does not mean pressure. Countdown timers, exit pop-ups and "only two left" banners are attempts to fix a page that was never planned around its action. A page that is clear, quick and believable does not need them.

Does your site look good but bring in little?

If so, the gap is usually hierarchy and clarity, not polish. Our Web Design Adelaide service plans each page around the action it should produce. Get in touch and tell us which page should be working harder.