How to Roast Your Website Design: The Ultimate Self-Check Checklist (2026)

Published February 27, 2026 · 9 min read · Web Design

Your website might be silently driving visitors away. Not with a dramatic crash or an ugly error page — but with a thousand tiny paper cuts. A confusing navigation here, a slow-loading hero image there, a call-to-action button that blends into the background like it's trying to hide.

The problem? You've stared at your own site so long that you can't see the issues anymore. You need fresh eyes. You need someone to roast your website — honestly, constructively, and without mercy.

This checklist is that roast. We've compiled 50+ checkpoints across seven critical categories, each one based on real UX research and conversion data from 2026. Go through them one by one, be brutally honest with yourself, and fix what's broken. Your bounce rate will thank you.

🔥 Category 1: First Impressions (The 3-Second Test)

Research from the Nielsen Norman Group consistently shows that users form an opinion about your website in under 3 seconds. If you fail this test, nothing else matters — they're already reaching for the back button.

✅ Can a stranger tell what you do in 3 seconds? Critical

Open your homepage in an incognito window. Set a 3-second timer. Can you immediately understand what the site offers? If your headline says "Empowering Solutions for Tomorrow's Challenges" instead of "Project Management Software for Remote Teams," you've already lost.

✅ Is there a clear visual hierarchy? Critical

Squint at your page. The most important element should still be obvious. If everything looks equally important, nothing is important. Your headline, value proposition, and primary CTA should form a clear visual path.

✅ Does your hero section have a single, clear CTA? Critical

One button. One action. "Get Started Free" or "See How It Works" — not both. Multiple CTAs in the hero section create decision paralysis. Pick the one that matters most and make it impossible to miss.

✅ Is the above-the-fold content compelling? Important

Before scrolling, visitors should see: what you do, who it's for, and why they should care. If your above-the-fold is just a stock photo of people shaking hands, you're wasting prime real estate.

🎨 Category 2: Visual Design & Branding

Good design isn't about making things pretty — it's about making things clear. Every visual choice should serve a purpose: guiding attention, building trust, or reinforcing your brand.

✅ Are you using more than 3 fonts? Important

Two fonts is ideal. Three is the maximum. More than that creates visual chaos. Pick one for headings, one for body text, and maybe one for code or accents. That's it.

✅ Is your color palette consistent? Important

You need a primary color, a secondary color, and a neutral palette. Every color on your site should trace back to these. Random colors for random sections screams "I designed this in 2014 and never updated it."

✅ Do your images look professional? Important

Blurry images, stretched logos, and generic stock photos of diverse teams high-fiving destroy credibility instantly. Use high-quality screenshots, custom illustrations, or at minimum, carefully curated stock photos that feel authentic.

✅ Is there enough whitespace? Nice to Have

Whitespace isn't wasted space — it's breathing room. Cramming every pixel with content makes your site feel like a newspaper from 1998. Give elements room to breathe. Your content will actually be more readable.

📱 Category 3: Mobile & Responsiveness

In 2026, over 62% of web traffic comes from mobile devices. If your site doesn't work flawlessly on a phone, you're ignoring the majority of your audience.

✅ Does your site pass Google's Mobile-Friendly Test? Critical

Run your URL through Google's test. If it fails, you have a serious problem. Common issues: text too small to read, clickable elements too close together, content wider than the screen.

✅ Are tap targets at least 48x48px? Critical

Buttons and links need to be finger-friendly. If users have to zoom in to tap a link, your mobile UX is broken. This is also a WCAG accessibility requirement — not just a nice-to-have.

✅ Does the navigation work on mobile? Critical

Test your hamburger menu. Does it open smoothly? Can users reach every page? Is the menu easy to close? A surprising number of sites have broken mobile navigation and never notice because the team only tests on desktop.

✅ Do forms work on mobile? Important

Fill out every form on your site using your phone. Check that input fields use the correct keyboard type (email keyboard for email fields, number pad for phone numbers), labels don't overlap, and the submit button is reachable without scrolling horizontally.

⚡ Category 4: Performance & Speed

A one-second delay in page load time reduces conversions by 7%. In 2026, users expect pages to load in under 2 seconds. Anything slower feels broken.

✅ What's your Largest Contentful Paint (LCP)? Critical

Run PageSpeed Insights. LCP should be under 2.5 seconds. If your hero image takes 5 seconds to appear, visitors are already gone. Common fixes: compress images, use WebP/AVIF format, implement lazy loading.

✅ Are you loading unnecessary JavaScript? Important

Check your network tab. Are you loading jQuery for a single animation? A 500KB analytics bundle? Three different font libraries? Every kilobyte counts on mobile connections. Audit your dependencies ruthlessly.

✅ Are images optimized? Important

No image on your site should be larger than 200KB unless it's a full-screen hero. Use modern formats (WebP, AVIF), serve responsive sizes with srcset, and lazy-load anything below the fold.

🔍 Category 5: SEO Fundamentals

You can have the most beautiful website in the world, but if search engines can't find it, you're invisible. These checks ensure your site is discoverable.

✅ Does every page have a unique title and meta description? Critical

Check every page. Duplicate titles tell Google you have duplicate content. Missing meta descriptions mean Google writes its own snippet — and it's rarely flattering. Each page needs a unique, compelling title under 60 characters and a description under 155 characters.

✅ Are you using heading tags correctly? Important

One H1 per page. H2s for major sections. H3s for subsections. Don't skip levels (H1 → H3). Don't use heading tags just to make text bigger — that's what CSS is for. Proper heading hierarchy helps both SEO and accessibility.

✅ Do all images have alt text? Important

Every meaningful image needs descriptive alt text. Not "image1.jpg" — something like "Dashboard showing real-time analytics with traffic graph." This helps SEO, accessibility, and gives context when images fail to load.

✅ Is your site using HTTPS? Critical

In 2026, there's zero excuse for not having HTTPS. It's free with Let's Encrypt, it's a ranking factor, and browsers actively warn users about non-HTTPS sites. If you're still on HTTP, fix this today.

♿ Category 6: Accessibility

Accessibility isn't optional — it's a legal requirement in many jurisdictions and simply the right thing to do. Plus, accessible sites tend to have better SEO and usability for everyone.

✅ Does your color contrast meet WCAG AA standards? Critical

Text needs a contrast ratio of at least 4.5:1 against its background (3:1 for large text). Use a contrast checker tool. Light gray text on a white background might look "clean" to you, but it's unreadable for millions of people.

✅ Can you navigate the entire site with just a keyboard? Critical

Put your mouse away. Tab through your site. Can you reach every link, button, and form field? Can you see where the focus is? If focus indicators are invisible or elements are unreachable, keyboard users (and screen reader users) are locked out.

✅ Do interactive elements have visible focus states? Important

When you tab to a button or link, there should be a clear visual indicator. The default browser outline works, but a custom focus style that matches your design is even better. Never use outline: none without providing an alternative.

💰 Category 7: Conversion & Trust

Your website exists to convert visitors into users, customers, or subscribers. These checks ensure you're not leaving money on the table.

✅ Is your CTA button visible without scrolling? Critical

Your primary call-to-action should be visible above the fold on both desktop and mobile. If visitors have to scroll to find out how to sign up or buy, you're adding unnecessary friction.

✅ Do you have social proof? Important

Testimonials, user counts, client logos, case studies — anything that shows real people trust your product. "Join 10,000+ developers" is more convincing than "Our product is great." Show, don't tell.

✅ Is your pricing clear and upfront? Important

If you have pricing, show it. "Contact us for pricing" is a conversion killer for most products. Users want to self-serve. If your pricing is competitive, hiding it only creates suspicion.

✅ Are there trust signals? Important

SSL badge, privacy policy link, clear contact information, a real company address. These small details build trust. If your site has no way to contact a human, visitors assume you're either a scam or a side project that might disappear tomorrow.

The Scoring System

Go through every checkpoint above and score yourself:

Count your results:

Prioritize fixes by severity: tackle all Critical items first, then Important, then Nice to Have. A single Critical fix (like making your CTA visible) often has more impact than ten Nice to Have improvements combined.

Skip the Manual Audit — Let AI Roast Your Site

Going through 50+ checkpoints manually is thorough but time-consuming. If you want instant, brutally honest feedback on your website design, our AI Roast My Website tool analyzes your site in seconds and delivers a savage (but constructive) critique covering design, UX, performance, and SEO.

It's like having a senior designer review your site — except this one doesn't sugarcoat anything and is available 24/7.

🔥 Get your website roasted by AI. Brutally honest design feedback in seconds — no signup required.

Roast My Website →

Related Resources