Overall Score
Roast by AI is a sharp, well-designed SaaS landing page that practices what it preaches—clean layout, solid UX, and witty copy. It's the rare website that's actually enjoyable to use, though there are a few missed opportunities in conversion optimization and mobile polish.
The Roast
This website is so confident in its own brutality that it forgot to roast itself. It's like watching a critic review their own work—sure, it's charming, but you can feel the self-satisfaction radiating off the screen. The design is genuinely sharp, the copy is genuinely funny, and the value prop is crystal clear, which is annoying because there's not much to complain about. The only thing killing this experience is that the mobile version feels like it got slightly less love than desktop, and some of the secondary CTAs are playing hide-and-seek.
🎯 Start Here
Trust Signals
Mobile
SEO
Performance
Conversion
Accessibility
Design & UX
Copy & Messaging
Trust Signals
Trust signals are sparse. The page leans on transparency (raw scores, honest feedback, public leaderboard) which is thematically strong but not reinforced with traditional credibility markers like testimonials, client logos, security badges, or media mentions. The footer tagline ('doesn't sugarcoat the truth') is the only real brand differentiator; the rest is product features.
Issues Found
- No customer testimonials, case studies, or social proof visible on landing page (not verified if they exist elsewhere on site, but they're not surfaced here)
- No client logos, press mentions, or third-party validation (e.g., 'featured in TechCrunch', G2 badges)—agencies and startups may hesitate without proof of traction
- No security/privacy reassurance beyond a link to privacy policy—users submitting URLs want to know their data is protected, but there's no visible security badge or trust indicator
Recommendations
-
Add testimonials carousel after Features section high
Insert 3-5 short quotes from agencies, startups, or dev teams explaining how they used Roast by AI (e.g., 'Helped us audit 50 client sites in one sprint').
-
Surface press/award badges medium
Add a line or small section with G2 rating, ProductHunt badge, or media mentions if they exist—this is a quick credibility boost.
-
Highlight data privacy commitment medium
Add a small trust badge or callout near the CTA clarifying data handling (e.g., 'Your data is encrypted and never sold' with SOC 2 or GDPR logo).
Mobile
Mobile layout is responsive and readable, with the stacked hero, properly sized input field, and full-width buttons. However, the feature icons are small on mobile, the roast results card mockup looks cramped, and navigation is hamburger-only without a preview of key sections.
Issues Found
- Hero roast results screenshot appears cramped and small on mobile (375px)—text inside the card is barely readable, undermining the visual hook
- Feature card spacing and text wrapping look good, but the icon sizes (roughly 40-50px) might be too small for older eyes or small hands to tap with confidence
- Mobile navigation is hamburger-only; no quick access to 'Pricing', 'Gallery', or 'Sign in' without opening the menu—this adds friction for high-intent users
Recommendations
-
Optimize hero mockup for mobile viewport high
Simplify or scale down the roast results card on mobile (e.g., show only the key scores, hide the quote) so users get the visual idea without text becoming unreadable.
-
Increase touch target size for feature icons medium
Bump feature card icons up to 56-64px and ensure the entire card is clickable (if applicable), meeting WCAG 2.5.5 touch target guidance.
-
Add fixed mobile header with key links medium
Replace hamburger-only nav with a sticky header bar showing 'Pricing' and 'Sign in' alongside the logo—users shouldn't need to open a menu for common actions.
SEO
Meta tags and h1 are solid, heading structure is logical, and the page has clean semantics with proper landmarks (nav, main, footer). However, there's no visible schema markup (no JSON-LD for FAQs, features, or pricing), and keyword optimization for 'website audit', 'SEO checker', etc., could be stronger throughout the body.
Issues Found
- No visible schema markup for FAQ, Product, or SoftwareApplication—crawlers can't parse structured data about features or pricing
- Heading hierarchy jumps in places (h1 → h2 sections are fine, but h3 content is sometimes unclear which h2 it belongs to in the integrations section)
- URL structure is not optimized—key landing pages like 'For Agencies', 'For Startups', 'For Ecommerce' are likely nested deep in the product section, making them harder to surface in SERPs
Recommendations
-
Add JSON-LD schema markup high
Implement FAQPage, SoftwareApplication, and LocalBusiness schema to help search engines understand features, pricing tiers, and company info.
-
Optimize feature/tool keyword usage medium
Weave in variations of 'website audit tool', 'SEO checker', 'accessibility testing', and 'performance analyzer' throughout feature descriptions (currently under-optimized).
-
Review URL structure for industry-specific landing pages medium
Ensure 'For Agencies', 'For Startups', 'For Ecommerce' pages have shallow, keyword-rich URLs (e.g., /agencies, /startups) rather than nested deep paths.
Performance
The page loads reasonably fast and is well-optimized for a heavy visual design—both images appear properly formatted (2 images, 0 missing alt text), the hero card mockup uses SVG-friendly styling, and the page is under 1568px tall in most sections. However, bundle size and render-blocking resources are unclear without waterfall data.
Issues Found
- The roast results example card uses a rasterized screenshot mockup rather than an SVG or inline code example—this could be heavier than necessary
- Code block in the 'Integrate Roasting Into Your Workflow' section appears to be a raster image (visible in screenshot)—if this is a PNG/JPG, it's a performance hit and accessibility nightmare
- No visible lazy loading attributes on below-the-fold images or sections; the entire page may load all assets upfront
Recommendations
-
Replace raster mockups with SVG or HTML/CSS equivalents medium
Convert the hero roast results card and code block examples to SVG or actual rendered HTML—this cuts file size and improves scalability.
-
Implement lazy loading for below-the-fold sections medium
Add loading='lazy' to images and consider intersection observer for feature cards and integrations section.
-
Audit third-party scripts low
Check for tracking pixels, analytics, or chatbots that might block rendering—defer or async-load non-critical JS.
Conversion
The funnel is straightforward—h1 value prop → hero CTA → features → final CTA—and the primary 'Roast My Site' button is well-placed and visually dominant. However, there's no urgency, scarcity, or micro-conversions (email signup, free checklist), and the secondary upgrade path (to 'Subscribe for private roasts') is buried in small text rather than presented as an attractive alternative.
Issues Found
- Only one primary CTA ('Roast My Site') is prominent; no email capture, waitlist, or gated resource to build an audience if users aren't ready to submit a URL
- The 'Subscribe for private roasts' mention is a hyperlink hidden in a paragraph—users don't know pricing, features, or why they'd upgrade without clicking
- No social proof, testimonials, or usage stats visible (not verified from screenshots, but the content sample doesn't mention reviews)—this is a trust builder that's missing or buried
Recommendations
-
Add email capture option as secondary CTA high
Include a 'Get tips in your inbox' link or a secondary button that offers a free checklist/guide in exchange for email—this builds an audience beyond direct roasts.
-
Promote pricing/upgrade path upfront medium
Replace the buried 'Subscribe for private roasts' link with a visible comparison card or CTA that highlights benefits of paid plans (e.g., 'Unlimited Roasts • Faster Results • Team Access').
-
Add testimonials or usage metrics medium
Surface a quote from a happy customer or a stat like 'Trusted by 5000+ agencies' to reduce friction—this is typically a high-leverage conversion lift.
Accessibility
Strong foundation with 57 ARIA attributes, a skip link, proper landmarks, and zero missing form labels. Color contrast appears solid on the orange/navy/dark palette, and semantic HTML is clean. However, some interactive elements need better focus states, and the code block screenshot is completely inaccessible.
Issues Found
- Code block in integrations section is a raster image with no alt text—screen reader users get no information about the example integration code
- No visible focus outlines on buttons or links in screenshots—users relying on keyboard navigation may struggle to see focus state
- Feature card icons (Detailed Scoring, Action Board, etc.) are purely decorative but lack aria-hidden='true'—screen readers may announce them redundantly
Recommendations
-
Replace code block image with accessible code display high
Use an actual <pre><code> block or an accessible code highlighter (e.g., Prism, Highlight.js) so screen readers can parse and announce the syntax.
-
Enhance focus visibility high
Add clear :focus-visible outlines (2-3px contrast ring) to all interactive elements—buttons, links, form inputs.
-
Mark decorative icons with aria-hidden medium
Add aria-hidden='true' to all icon-only elements that are purely decorative (e.g., feature card icons).
Design & UX
The layout is clean, modern, and scannable with excellent visual hierarchy and a cohesive orange + navy color scheme that pops without being obnoxious. Spacing is generous, card-based design is on-trend, and the overall vibe is professional-yet-playful—which perfectly matches the product's irreverent tone.
Issues Found
- Hero screenshot (roast results example) is slightly cramped and hard to read on smaller viewports—the code block in the developer integrations section uses a tiny font that requires zoom
- Feature cards (Detailed Scoring, Action Board, Verify & Level Up) have inconsistent background colors (cream, light green, light blue) that don't serve an obvious hierarchy purpose and feel slightly orphaned
- The dark footer section creates a visual cliff after the orange CTA section—no visual bridge or breathing room between the final pitch and footer links
Recommendations
-
Optimize hero example screenshot for mobile medium
Scale or simplify the roast results card mockup so text remains legible below 768px without magnification.
-
Unify feature card backgrounds low
Use subtle gradient overlays or a single pale background with icon-color accents instead of three different pastel colors—it'll feel less scattered and more intentional.
-
Add visual transition before footer low
Insert a thin divider, reduce top padding on the footer, or use a complementary background color to ease the visual jump from orange CTA to dark footer.
Copy & Messaging
The copy is genuinely witty without being try-hard, with sharp headlines like 'Your website loads slower than a sloth on sedatives' that make the product's value crystal clear while staying memorable. Tone is consistent—playful yet professional—and the messaging hierarchy flows from problem to solution to social proof.
Issues Found
- The tagline 'AI-powered website analysis that doesn't sugarcoat the truth' in the footer is buried—it's actually one of the best value props on the page but gets zero visibility until you scroll past everything else
- Secondary messaging around 'private roasts' and subscription benefits is scattered across small text and links rather than clearly highlighted as a conversion path
- The 'How do I improve my score?' FAQ answer uses passive voice ('every recommendation appears') when it could punch harder with active language ('you'll see every recommendation as a trackable task')
Recommendations
-
Promote tagline to hero section high
Move or echo 'doesn't sugarcoat the truth' into the subheading below the h1 so the anti-hype messaging lands harder upfront.
-
Highlight upgrade/private roast benefits medium
Add a small badge or emphasized line in the CTA button area explaining what you get with a paid plan (e.g., 'Unlimited private roasts, faster analysis, Team access').
-
Punch up FAQ language low
Replace passive descriptions with active voice and benefit-focused language (e.g., 'You'll check items off your Action Board' instead of 'every recommendation appears').
Think you can beat 78/100?
Get your site brutally analyzed by the same AI. 8 scores, a punch list of fixes, 60 seconds.