DEV Community

Belal Zahran
Belal Zahran

Posted on • Originally published at website-roaster-two.vercel.app

I Roasted 50 Landing Pages — Here Are the 7 Most Common Mistakes

For the past three months, I've been running a "landing page roast" exercise in an indie hacker community. The rules were simple: post your landing page, and I'll give you brutally honest feedback in 5 minutes or less.

Fifty landing pages later, I've seen clear patterns. The same mistakes show up over and over, regardless of whether it's a SaaS tool, an API product, or a consumer app. Fix these seven issues, and your landing page is already better than 80% of what's out there.

Mistake #1: The Hero Says What You Do, Not Why I Care

This is the single most common mistake. The hero section — the first thing visitors see — describes the product instead of the benefit.

What I keep seeing:

"AI-Powered Data Integration Platform"

What works better:

"Connect your data sources in 5 minutes, not 5 days"

The difference is perspective. The first is about you. The second is about me and my problem.

The formula: [Desired outcome] + [in less time/effort than expected]

Your hero headline should pass the "so what?" test. Read it aloud. If a visitor could reasonably respond "so what?", rewrite it.

Examples of this done well:

  • Linear: "Linear is a better way to build products" (direct benefit claim)
  • Vercel: "Develop. Preview. Ship." (implies speed)
  • Stripe: "Financial infrastructure for the internet" (scale + trust)

Mistake #2: No Social Proof Above the Fold

Trust is the scarcest resource on the internet. Visitors decide within 5 seconds whether your site is credible. If your above-the-fold section has zero social proof, you're making it harder than it needs to be.

What works:

  • Logos of companies using your product (even 3-4 is enough)
  • A quote from a recognizable user
  • Specific numbers: "Used by 5,000+ developers" or "4.8 stars from 200 reviews"
  • "As seen in" press logos

What doesn't work:

  • Social proof hidden below the fold
  • Vague claims without numbers ("Trusted by thousands")
  • Fake-looking testimonials ("This changed my life! — John D.")

If you don't have social proof yet, use specificity instead: "Built by a team from Google and Stripe" or "Open source with 500+ GitHub stars."

Mistake #3: The CTA Is Weak or Missing

I reviewed pages where I literally couldn't find the sign-up button. Others had CTAs so generic they blended into the background.

Weak CTAs I saw:

  • "Learn More" (learn more about what?)
  • "Get Started" (started with what?)
  • "Submit" (submit to what authority?)

Strong CTAs:

  • "Start your free trial — no credit card"
  • "Generate your first invoice free"
  • "Analyze my website now"

A good CTA tells the user exactly what will happen when they click and reduces perceived risk. "No credit card required," "Free forever," and "Takes 30 seconds" are powerful additions.

Placement rules:

  • At least one CTA above the fold
  • Repeat the CTA after every major section
  • Make it visually the most prominent element on the page

Mistake #4: Wall of Text Where Visuals Should Be

Developers love to explain their product with words. But landing pages are a visual medium. When I see a giant block of text explaining features, I know the page is going to underperform.

Replace text with:

  • Screenshots of the actual product (not mockups)
  • Short GIFs showing the product in action
  • Comparison tables (before/after, you vs. competitors)
  • Icons + short descriptions instead of paragraphs

The rule: If you can show it, don't say it. A 3-second GIF of your product's core workflow communicates more than 200 words of description.

Mistake #5: No Clear Structure or Visual Hierarchy

Some pages read like a stream of consciousness. There's no clear order, no visual breaks, and no hierarchy telling me what to read first.

The landing page structure that works:

1. Hero: Headline + subheadline + CTA + social proof
2. Problem: Describe the pain point (so visitors feel understood)
3. Solution: How your product solves it (with visual)
4. Features: 3-4 key features (not 12)
5. Social proof: Testimonials, case studies, logos
6. Pricing: Clear, simple tiers
7. FAQ: Handle remaining objections
8. Final CTA: Repeat the main call to action
Enter fullscreen mode Exit fullscreen mode

Every section should have a clear headline, adequate whitespace, and a logical flow from one to the next.

Mistake #6: Trying to Appeal to Everyone

"Perfect for developers, designers, marketers, project managers, and teams of all sizes!" When you speak to everyone, you speak to no one.

The pages that converted best in my reviews were laser-focused on a specific audience:

  • "Built for freelance designers" beats "Built for creatives"
  • "API testing for backend developers" beats "API testing for teams"
  • "Invoicing for solo freelancers" beats "Invoicing for businesses"

When your visitor thinks "this was made for someone exactly like me," they pay attention. When they think "this is a generic tool," they bounce.

Mistake #7: Slow Load Time and Poor Mobile Experience

This is the technical mistake. Several pages I reviewed took 4-6 seconds to load, had oversized images, or were completely broken on mobile.

Quick fixes:

  • Compress images (use WebP format, not PNG)
  • Lazy-load below-the-fold images
  • Remove unused JavaScript
  • Test on a real phone, not just Chrome DevTools
  • Keep the hero section under 500KB total

Google's research shows 53% of mobile users abandon a page that takes longer than 3 seconds to load. Your beautiful landing page doesn't matter if nobody waits for it.

Bonus: The Mistakes That Surprised Me

A few patterns I didn't expect to see so frequently:

No favicon. Makes the tab look unfinished. Takes 60 seconds to fix.

Generic stock photos. A diverse group of businesspeople high-fiving in an office doesn't build trust — it signals "we don't have real product screenshots."

Pricing hidden or missing entirely. If visitors can't find your price, many assume it's expensive and leave. Transparency wins.

No way to try without paying. Free tier, free trial, or interactive demo. Give visitors a risk-free way to experience value before you ask for money.

How to Get a Quick Roast of Your Own Page

If you want to spot issues on your landing page quickly, there are a few approaches:

  1. The 5-second test: Show your page to someone for 5 seconds, then ask them what your product does. If they can't answer, your messaging isn't clear.

  2. Record a user session: Tools like Hotjar or Microsoft Clarity show you where visitors actually look and where they drop off.

  3. Automated analysis: Website Roaster gives you an instant, AI-powered critique of your landing page — highlighting issues with copy, layout, CTAs, and more. It's a fast way to catch the obvious problems before you spend money on ads.

The One-Page Landing Page Checklist

Print this out and check it against your current page:

  • [ ] Hero headline describes a benefit, not a feature
  • [ ] Social proof is visible above the fold
  • [ ] CTA is specific, prominent, and repeated
  • [ ] Product is shown visually (screenshots or GIFs)
  • [ ] Page has clear visual hierarchy and section structure
  • [ ] Messaging targets a specific audience
  • [ ] Page loads in under 3 seconds on mobile
  • [ ] Pricing is transparent
  • [ ] FAQ addresses top 3-5 objections
  • [ ] Favicon and OG image are set

Your landing page is your hardest-working salesperson. It works 24/7, never calls in sick, and talks to every single potential customer. Make sure it's saying the right things.

Want an instant roast of your landing page? Try it free at website-roaster-two.vercel.app.

Top comments (0)