The Web Design Guys All articles
Website Strategy

Please Accept Our Apologies: Designing a Cookie Banner People Can Actually Use

The Web Design Guys
Please Accept Our Apologies: Designing a Cookie Banner People Can Actually Use

Photo: Océanos y dados, CC0, via Wikimedia Commons

There are few things on a small business website that generate quite so much quiet irritation as the cookie banner. It arrives before the page has even settled, covers the thing you wanted to read, and offers a choice between “Accept All” and a settings panel that looks like the controls for a regional water treatment plant.

For the business owner, the banner often feels like a legal box that has to be ticked. For the visitor, it can feel like a toll gate. The good news is that it does not have to be either. A cookie banner can be short, clear and genuinely useful — and it can do that without making your site look like a legal notice wrapped in a pop-up.

First, decide whether you actually need one

This is the question worth asking before you redesign anything. Not every website needs a cookie banner. If your site only uses cookies that are strictly necessary for it to work — remembering a shopping basket, keeping a login session secure, balancing traffic — then a full consent banner may not be appropriate. Those essential cookies generally do not need consent, though it is still sensible to explain them in a privacy notice.

The banner becomes relevant when you use non-essential cookies or similar technologies: analytics tools that track behaviour, advertising pixels, embedded videos that set cookies, live chat widgets, heatmaps, and so on. If you are collecting consent for those, the banner has a job to do. If you are not, a banner asking for permission you do not need is just clutter with a legal flavour.

If you are unsure where your site sits, ask whoever manages it to list the cookies and scripts it loads. That list is the starting point. It is also a useful thing to keep updated when you add a new plug-in or booking tool. This is not legal advice, so if the answer matters to your business, get proper guidance.

The three clutter problems

Most annoying banners fail in the same few ways.

The tiny-text problem. The banner is technically there, but the wording is 11px grey on a pale background and the important part is buried in a paragraph beginning “We value your privacy”. Visitors do not read it. They click the biggest button to make it go away.

The confusing-toggle problem. The settings panel lists “Performance”, “Functional”, “Targeting” and “Social” with switches that are all on by default. Nothing explains what any of it means. The only obvious route is to accept everything, because finding the off switches feels like a part-time job.

The pressure problem. “Accept All” is a bright green button. “Reject” is a grey link at the bottom of the panel, or missing entirely. That is not a fair choice. It is a nudge wearing a consent form.

None of these are necessary, and none of them make your site more trustworthy. In fact, they do the opposite.

Make the first screen do the real work

A good cookie banner should be understandable in about five seconds. That means plain English, a clear statement of what is happening, and two equally visible choices.

Something like: “We use cookies to see how people use our site and to improve it. You can accept all, reject non-essential cookies, or choose what you are happy with.” Then buttons: “Accept all”, “Reject non-essential”, and a link to “Cookie settings”.

The buttons should look like buttons, not one button and two apologies. “Reject” should be as easy to click as “Accept”. If you use a dark pattern to squeeze consent out of people, you are borrowing trust you will have to pay back later.

It also helps to say what happens next. “You can change your mind at any time via the Cookie settings link in the footer.” That one sentence does more for confidence than a page of legal language.

Build it mobile-first, not mobile-last

Most of your visitors will meet your banner on a phone. That changes the design brief. A banner that sits neatly at the bottom of a desktop screen can swallow half a mobile viewport. A settings panel with tiny toggles can be almost impossible to use with a thumb.

Keep the mobile version short. Put the main choices within easy reach. Avoid a big block that covers the page content and refuses to move. If the banner needs a settings panel, make the switches large enough to tap and label them in words people recognise: “Analytics”, “Advertising”, “Embedded content”. Add a short line under each one explaining what it means in practice.

“Analytics cookies help us see which pages are useful and which are not. They do not identify you personally.” That is far better than “Performance storage — legitimate interest”.

Put the details somewhere sensible

A cookie banner is the front door, not the entire house. The banner should be brief. The fuller explanation belongs in your privacy notice or a dedicated cookie page. That page should list the cookies you use, what they do, how long they last, and how someone can change their mind.

Keeping that page current is part of the job. If you add a new booking widget or newsletter tool, check what it sets. A banner that asks for consent to things you no longer use is confusing. A banner that fails to mention something you do use is worse.

A simple pre-launch checklist

Before the banner goes live, run through this:

That last point matters more than it sounds. The best cookie banner is the one that does its job and then gets out of the way.

Consent should feel like a choice, not a chore

A cookie banner will never be the highlight of anyone’s visit to your website. But it can be quiet, honest and quick. For a UK small business, that is worth getting right. Visitors notice when a site asks for something fairly and explains it clearly. They also notice when it does not.

If your banner currently greets people with a wall of grey text and a single enormous “Accept” button, start there. Shorten the wording, balance the choices, and make the mobile version usable. You do not need to make consent entertaining. You just need to make it understandable — and then let people get on with the thing they came for.

All Articles

Related Articles

The Last Inch of the Page: Why Your Footer Deserves Better Than Copyright Text

The Last Inch of the Page: Why Your Footer Deserves Better Than Copyright Text

Deadlines Without the Countdown: Showing Christmas Delivery Cut-Offs on a Small Business Site

Deadlines Without the Countdown: Showing Christmas Delivery Cut-Offs on a Small Business Site

Scan Me If You Can: Making Window QR Codes Work for UK Shops

Scan Me If You Can: Making Window QR Codes Work for UK Shops