Cool design or efficient design? Get them in the right order.

The design that wins awards and the design that wins clients are not always the same design. You can have both, as long as you decide which one comes first.

CoolEfficient

Every owner I work with wants a site that looks good. That’s fair: how a site looks is part of how much people trust you. The trouble starts when looking good becomes the goal, and the site turns into something to admire rather than something to use.

What “cool” usually means

Big animations when the page loads. Text that appears letter by letter. Scroll effects, video backgrounds, unusual navigation, a cursor that follows you around. All of these can be good. I use several of them on this site.

They become a problem when they get between the visitor and what the visitor came for. A three second intro is charming the first time and a barrier every time after. A hidden menu is elegant until someone can’t find your prices.

What “efficient” means

An efficient design gets a visitor from “what is this?” to “I want to talk to them” with as little effort as possible. It answers the obvious questions in the order people ask them. It makes the next step easy to see and easy to take. It loads quickly on a phone. It works for someone who can’t see well, uses a keyboard, or is in a hurry.

None of that is visible in a screenshot, which is why it gets less attention than it deserves.

How to tell them apart on your own site

For each striking element on your site, ask three questions:

  • Does it help the visitor understand something? An animation that shows how your process works earns its place. One that only moves because it can, doesn’t.
  • Does it slow down the first look? If people have to wait or scroll past it to learn what you do, it’s in the way.
  • Does it still work on a phone? Many effects that feel smooth on a big screen feel clumsy under a thumb, or are switched off by people who prefer reduced motion.

The right order

Efficient first, cool second. Start with the structure: what each page says, in what order, and what the visitor should do next. Test that with real people, even with plain grey boxes. Only then add the parts that make the site memorable.

Done in that order, the striking parts land on top of a page that already works. Done the other way round, you spend the budget on effects and run out of it before anyone decides what the homepage should say.

Where cool is worth it

I don’t think every site should be plain. Personality is a real advantage when competitors all look the same. A few places where it usually pays off:

  • the first impression on the homepage, as long as the headline is readable straight away;
  • showing your work, where motion and detail can prove your quality better than words;
  • small moments of feedback, like a button that responds when you press it, which make a site feel cared for.

The test is simple: if you removed it, would the visitor lose information or just entertainment? Keep the first kind everywhere. Keep the second kind where it doesn’t cost anyone anything.

If you’re unsure which of your site’s features are helping and which are in the way, that’s exactly what a UX audit answers.

Next Keep reading
Web Design3 min read

Template, freelancer, or agency: what each really costs you.

The sticker price is the smallest part of the decision. What actually separates the three options is who carries the thinking, and what happens six months after launch.

Sound like your site?

Tell me what’s not working. A free call, about 30 minutes, no pitch.

Free call, about 30 minutes. No pitch, no pressure.

Book a free discovery call

About 30 minutes, online. No pitch, no pressure.

Loading the calendar…

Calendar not loading? Open it in a new tab

Certificate