We Roasted 10 Landing Pages… Here’s What They All Got Wrong
CodeBreakerDiscover the common mistakes made by 10 landing pages and learn how to avoid them. Get expert insights on improving your landing page design and conversion rate.
Welcome to RoastGPT, where design sins meet their digital reckoning. We handed our AI the job of reviewing ten different startup landing pages and gave it full permission to be brutally honest.
From buttons that have lost their will to function, to navigation menus that double as escape rooms, these sites received feedback that’s not only savage—but also backed by real UX insight.
So buckle up. If your landing page shares any of these flaws, it’s time for a redesign… or a therapy session.
🔥 1. Buttons That Look Great… and Do Absolutely Nothing
“Try the ‘Create’ button, and surprise! It does nothing. Absolutely nothing! It’s a button’s existential crisis in plain sight.”
— RoastGPT, on Omakase.ai
The Problem: Beautifully styled buttons that don’t work or link anywhere.
Why It Matters: A button with no function is a dead end. It breaks trust, confuses users, and kills conversions.
Fix: Ensure all primary CTA buttons are clickable, functional, and lead users to the next logical step.
✅ Pro tip: Test buttons with actual users. Or a cat. If they don’t react, it’s broken.
🔥 2. Navigation Menus from the Depths of UX Hell
“Ah, the navigation menu! Clearly made for Olympic scrolling champions.”
“Do you think a menu that requires its own instruction manual is a good idea?”
The Problem: Overloaded nav bars with too many items, dropdowns within dropdowns, and poor organization.
Why It Matters: Users shouldn’t need a PhD to find your Pricing or Features page. Confusing navigation = bounces.
Fix:
- Consolidate links under clear categories
- Limit top-level nav to 5–7 options
- Consider mega menus or collapsible menus for mobile
📉 Pages with nav clutter saw navigation scores as low as 35/100.
🔥 3. Contrast Issues: Because Who Doesn’t Love Eye Strain?
“Text hides better than a cat in a blackout.”
“Trying to find the title in barely-there color—because who doesn’t love a good eye strain challenge?”
The Problem: Low-contrast text and backgrounds that make reading painful (or impossible).
Why It Matters: Poor contrast tanks accessibility and frustrates users. WCAG compliance matters—visually impaired users deserve better.
Fix:
- Ensure a minimum 4.5:1 contrast ratio for body text
- Test your site with free tools like WebAIM or Stark
- Never use light gray text on white unless you're actively trying to hide content from the world
🔥 4. Visual Hierarchy? Never Heard of Her.
“Thanks for the visual clutter! It’s always great when every element tries to scream for attention like toddlers in a candy shop.”
“A cacophony of content screaming for attention. Pick a leader, not a jumbled marching band.”
The Problem: Pages where everything looks equally important—so nothing is.
Why It Matters: Without hierarchy, users don’t know where to look. CTA buttons blend in. Messaging gets lost.
Fix:
- Use font size, weight, spacing, and color to create clear section titles and callouts
- Establish a visual path with eye-tracking in mind
- De-clutter: Less is more
👁️ Most visually cluttered pages scored 35–45 on hierarchy and conversion.
🔥 5. CTAs That Whisper Instead of Shout
“The ‘See All Blog Articles’ button—because who doesn’t love a generic CTA lost in a sea of content?”
“Want users to click? Try not hiding the button’s purpose behind muddy colors.”
The Problem: Weak, generic calls-to-action that are hard to see and even harder to care about.
Why It Matters: Your CTA is the moment of conversion. Make it stand out.
Fix:
- Use high-contrast, bold colors
- Write compelling, benefit-driven copy (“Get Free Audit” > “Learn More”)
- Add subtle animation or hover states
📉 Weak CTA design was one of the most frequent roast targets across all sites.
🔥 6. Interaction Dead Zones
“Static icons with zero interaction—it’s like web design from the ‘90s!”
“The card carousel interaction isn’t clearly communicated—users might not even know it scrolls.”
The Problem: No visual or interactive feedback (no hovers, no transitions, no scroll hints).
Why It Matters: Modern users expect movement. Static = outdated.
Fix:
- Add hover effects, animations, and interactive cues (arrows, scroll prompts)
- Use transitions for buttons and cards
- Make sure carousels don’t feel like puzzles
📊 Pages without interactivity saw their Interaction scores drop below 50.
🔥 7. Massive, Distracting Footers (AKA Design Black Holes)
“A footer large enough to bury Jimmy Hoffa.”
The Problem: Oversized footers that distract from the primary content or final CTA.
Why It Matters: Your footer should support—not overshadow—your landing content.
Fix:
- Condense footer info
- Use collapsible sections or grids
- Don’t repeat your nav five times at the bottom
🔥 8. Inconsistent Typography
“Helvetica might be outraged, but your fixation on Montserrat everywhere is… a choice.”
The Problem: Overuse of one font style, or no clear use of heading/body text rules.
Why It Matters: Typography sets tone and guides attention. Bad type = bad UX.
Fix:
- Use 2–3 complementary fonts max
- Distinguish headings from body with size and weight
- Use consistent line height and spacing
🔥 9. Hidden Links and Non-verbal Navigation
“Links practice non-verbal communication skills—find your zen in clicking nowhere.”
The Problem: Buttons and links that don’t look clickable. Or clickable things that aren’t.
Why It Matters: You lose trust (and users) when your site feels like a UI guessing game.
Fix:
- Underline links or make them visually distinct
- Avoid invisible hover states
- Label buttons clearly with descriptive text
🔥 10. Lack of Personality (Unless "Placeholder" is a Personality)
“If this design were any more basic, it would be classified as a placeholder.”
The Problem: Generic, uninspired, soulless layouts that scream “template.”
Why It Matters: In a world full of SaaS clones, personality stands out and builds trust.
Fix:
- Use distinct branding and tone of voice
- Add illustrations, motion, or character
- Write unique copy that talks like a human
🚨 Final Verdict: Savage, But Fair
Across 10 pages, these were the most common sins: | Mistake | Frequency | |---------------------------|-----------| | Weak CTAs | 🔥🔥🔥🔥🔥🔥🔥 | | Navigation Overload | 🔥🔥🔥🔥🔥🔥 | | Poor Visual Hierarchy | 🔥🔥🔥🔥🔥 | | Readability/Contrast Issues | 🔥🔥🔥🔥 | | Lack of Interactivity | 🔥🔥🔥 |
Average score across all landing pages? Just 52/100.
There’s room for improvement—and that’s what RoastGPT exists for.
✋ Think Yours Can Do Better?
You’ve seen what not to do.
Now let RoastGPT take a crack at your landing page.
👉 Upload it now at RoastGPT.ai
💬 Get a dashboard with charts, feedback, and annotations
😂 Laugh. Cry. Improve.
💰 Found it helpful? Support with a coffee: BuyMeACoffee.com/roastgpt