The Page That Broke My Assumptions
A few months ago I ran a page through roast.page that looked like it was built by someone who discovered HTML over a weekend. No custom fonts. No gradients. No animations. A plain white background, a single-column layout, and text that was basically just... there. Default system font. Borders that looked hand-coded. The kind of page a designer would use as a "before" screenshot in a case study.
It scored 72.
The next page in my queue was gorgeous. Framer template, custom illustrations, scroll-triggered animations, a color palette that belonged in a museum gift shop. Every pixel deliberate. The designer clearly knew what they were doing.
It scored 34.
This wasn't a fluke. After analyzing over a thousand landing pages, I've seen this pattern enough times that it stopped surprising me. Some of the highest-performing pages in our dataset look like they were built in 2012. And some of the most visually stunning pages I've ever reviewed are — by every measurable standard — bad at their one job.
The Uncomfortable Correlation
In our scoring system at roast.page, Visual Design & Layout carries 10% of the total weighted score. Ten percent. That might seem low if you've spent the last three years obsessing over your Tailwind config. But it's not arbitrary — it's because the data consistently shows design polish has the weakest correlation with overall page effectiveness.
Budget doesn't make a good landing page. Clear thinking does. I know that sounds like a platitude, but the data backs it up in a way that's hard to argue with.
Why Ugly Pages Win
When I started cataloging the traits that high-scoring "ugly" pages share, the pattern became obvious. They're not winning despite being ugly. They're winning because the things that make a page ugly — by modern design standards — are often the same things that make it effective.
1. Clarity over cleverness
Ugly pages say exactly what they do. Not "Reimagine your workflow." Not "The future of collaborative intelligence." Just: "We help accountants send invoices faster." Or "Track your calories without the hassle." Plain language. Zero metaphors. The visitor knows in two seconds whether this is for them.
I wrote about this in detail in our piece on common copy mistakes — the #1 killer is abstraction. And pretty pages are disproportionately guilty of it. When you've invested in a gorgeous design, there's pressure to match it with headlines that sound elevated. "Elevated" headlines are almost always less clear.
2. Content density
Ugly pages often pack more information above the fold. They don't sacrifice clarity for whitespace. The visitor gets the headline, a concrete description, a price or key differentiator, and a CTA — all without scrolling. Contrast that with the typical Awwwards-style page where you get a headline, a three-word subheadline, and 400 pixels of nothing before anything useful shows up.
Whitespace is a design tool. But when it pushes your value proposition below the fold, it's not elegant — it's expensive.
3. Direct CTAs
"Start free trial." Not "Begin your journey." Not "Explore possibilities." No ambiguity about what happens when you click the button. Ugly pages don't have room for clever button copy because they're not trying to be clever anywhere else. The whole page operates on directness, and the CTA is no exception.
4. Real specificity
Numbers. Customer counts. Concrete outcomes. "Used by 4,200 freelancers" hits differently than a stock photo of a smiling person with a laptop. "Average setup time: 6 minutes" is more compelling than "Quick and easy onboarding." Ugly pages tend to lead with proof because they can't fall back on aesthetics.
5. Less cognitive load
Fewer design elements means fewer things competing for attention. No parallax effects pulling your eye to a background animation. No micro-interactions distracting you from the headline. No "clever" layout where you have to figure out the reading order. Your brain has one path: read the text, understand the offer, click the button.
The five-second test research backs this up — visitors process your page in a single visual pass, and the simpler that pass is, the more likely they are to get the message.
Why Beautiful Pages Fail
Here's what I see when I review design-heavy pages that underperform.
They optimize for "cool" instead of "clear." The designer's portfolio is prioritized over the visitor's needs. I've reviewed pages where I genuinely couldn't tell what the product did until I scrolled past three animated sections. That's not a landing page. That's an art installation with a pricing link.
Animations delay information delivery. Every fade-in, every scroll-triggered reveal, every staggered entrance animation — that's time between the visitor arriving and the visitor understanding your offer. A 1.2-second entrance animation on your headline means 1.2 seconds of looking at a blank page. Nobody asked for that.
Clever headlines sacrifice clarity for creativity. "Where ideas take flight." Great. What do you sell? I'll never know because I already closed the tab.
Whitespace-heavy layouts push CTAs below the fold. If your primary CTA isn't visible without scrolling on a standard laptop viewport, you've already lost a chunk of visitors who were ready to act but couldn't find the button. This is shockingly common on pages that win design awards.
The Sweet Spot Actually Exists
I'm not arguing that you should ship something that looks broken. The best pages in our dataset — the ones scoring 75 and above — aren't ugly. But they're not over-designed either. They're clear first and polished second.
They start with the words and the structure. The copy is locked in before anyone opens Figma. The hierarchy is established in a plain document. Then — and only then — visual refinement gets layered on top. But nothing gets sacrificed. No information gets removed to "clean up" the layout. No headline gets softened to match a design direction. The design serves the message. Not the other way around.
Surface trust still matters. That 400ms "does this look legit?" check requires baseline competence. A page that looks broken, scammy, or abandoned will fail regardless of how clear the copy is. But there's a ceiling to how much additional design helps — and most pages are way past the point of diminishing returns.
The Craigslist Lesson
Craigslist. Hacker News. Early Amazon. Wikipedia. All "ugly" by any design standard you'd care to apply. All wildly successful. Because they prioritized function so aggressively that aesthetics became irrelevant.
Your landing page isn't a portfolio piece. It's a sales conversation. And in a sales conversation, nobody cares about your font pairing. They care about whether you can solve their problem.
I'm not saying your page should look like Craigslist. I'm saying that the reason Craigslist works has nothing to do with design and everything to do with clarity, density, and directness. Those are the traits that matter. Design is just the vehicle.
What to Do With This
Before you hire a designer. Before you buy a template. Before you spend another hour tweaking border radiuses — do this:
Open a blank Google Doc. Write your landing page as pure text. Headline. Subheadline. Three to five bullet points about what you offer. A line about who it's for. A line about what makes you different. Your CTA. Some form of proof.
Now show it to someone who doesn't know your product. If they can read that document and say "I get it, I'd try this" — you have a page that works. Design will only make it better.
But if they read it and say "I'm not sure what this is" or "why would I use this?" — no amount of Framer magic is going to fix that. Your problem isn't design. Your problem is thinking.
The pages that convert aren't the ones that look the best. They're the ones that think the clearest. And clarity, it turns out, doesn't require a design budget.