Tips

Client website feedback checklist: what to review before launch

Orange Flower

In this article

Title

Why most pre-launch reviews miss things

The average pre-launch review happens in one of two ways. Either the client gets a link, pokes around for twenty minutes, and sends a few Slack messages. Or you schedule a call, share your screen, and work through the site together while taking notes in a separate doc.

Both approaches have the same problem: no structure. Without a checklist, reviews default to whatever catches the eye first. The hero looks great so nobody checks the footer. The homepage gets reviewed three times and the contact form never gets submitted once. The mobile layout on the team page gets missed entirely because nobody thought to switch devices.

A structured checklist forces the review to cover every area, not just the obvious ones. It also gives the client a framework for the kind of feedback that's useful at each stage. "The copy on the services page feels a bit formal" is actionable. "Something feels off" is not.

Run this checklist before every launch, either as a self-review before the client sees the site, or as a structured client review using a tool like Annot where feedback gets pinned directly to the relevant element on the live site.

The checklist

1. Copy and content

Copy problems are the most common and the most embarrassing to fix after launch. Read every word on every page before signing off.

Pages and headings

  • Every page has a clear heading that describes what the page is about

  • Page titles are unique and descriptive, not generic ("Home," "Page 1")

  • Heading hierarchy makes sense (H1 followed by H2, not H1 jumping to H4)

  • No placeholder text remains anywhere on the site ("Lorem ipsum," "Your text here," "Coming soon")

Body copy

  • All body copy has been proofread for spelling and grammar

  • Tone is consistent across all pages

  • Technical jargon has been explained or simplified for the intended audience

  • No copy refers to outdated information (old pricing, discontinued products, past events)

  • Legal disclaimers, privacy policy, and terms of service are present and accurate

Contact and team details

  • Business name, address, phone, and email are correct on every page they appear

  • Team member names, titles, and bios are approved by the relevant people

  • Social media handles are correct and the linked accounts are the right ones

2. Images and media

Images

  • All images are high resolution and not pixelated on retina displays

  • No stock photo watermarks remain

  • Images are compressed for web without visible quality loss

  • Image alt text is present on all meaningful images (both for accessibility and SEO)

  • Decorative images have empty alt attributes so screen readers skip them

Video and audio

  • Embedded videos play correctly and are not set to autoplay with sound

  • Video captions are present where required

  • Video thumbnails are set and look correct

Favicons and brand assets

  • Favicon is set and displays correctly in the browser tab

  • Open Graph images are set for social sharing previews

  • Logo appears correctly on all pages and links back to the homepage

3. Navigation and links

Navigation

  • All navigation links go to the correct pages

  • The active page state is visible in the navigation

  • Mobile navigation opens, closes, and links correctly

  • Dropdown menus work on both hover and touch

  • Skip navigation link is present for keyboard and screen reader users

Internal links

  • Every internal link on the site has been clicked and goes to the right destination

  • No internal links go to a 404 page or redirect to an unexpected location

  • Anchor links (scrolling to a section on the same page) work correctly

External links

  • External links open in a new tab where appropriate

  • All external links resolve to the correct destination

  • No broken external links

Buttons and CTAs

  • Every button on the site does something

  • CTA buttons go to the correct destination or trigger the correct action

  • Button states (hover, active, disabled) are visible and consistent

4. Forms

Forms are the most commonly skipped part of a pre-launch review and the most likely to cause problems after launch. Submit every form on the site before signing off.

Submission and confirmation

  • Every form has been submitted with valid data and the submission was received correctly

  • Confirmation messages appear after successful submission

  • Confirmation emails arrive in the submitter's inbox (check spam too)

  • Form submissions arrive at the correct email address or CRM

Validation

  • Required fields show an error message when left empty

  • Email fields reject invalid email formats

  • Phone fields handle different formats without breaking

  • Error messages are clear and tell the user what to fix, not just that something is wrong

Edge cases

  • Forms have been tested with very long inputs (long names, long messages)

  • Forms have been tested with special characters in text fields

  • Multi-step forms save progress correctly if the user navigates back

5. Responsiveness and mobile

This section is where most agencies spend the least time and where clients notice the most problems after launch. Test on real devices where possible, not just browser dev tools.

Breakpoints

  • The site has been reviewed at desktop (1440px+), laptop (1024px), tablet (768px), and mobile (375px) widths

  • No content overflows its container at any breakpoint

  • No text is too small to read on mobile without zooming

  • No buttons or tap targets are too small to tap comfortably on a touchscreen (minimum 44x44px)

Layout

  • Columns stack correctly on smaller screens

  • Images scale proportionally and do not stretch or crop unexpectedly

  • Padding and spacing remain readable at all breakpoints

  • The navigation collapses into a usable mobile menu

Content parity

  • No content is hidden on mobile that is visible on desktop without good reason

  • Content that is hidden on mobile has been intentionally removed, not accidentally broken

6. Interactions and animations

Animation-heavy sites built in Webflow, Framer, or with custom JavaScript need a dedicated pass for interactions. These are the elements most likely to break in a standard screenshot-based review because they only exist in motion.

Scroll and trigger-based animations

  • Scroll-triggered animations fire at the correct scroll position

  • Animations play once rather than looping unexpectedly

  • Animations do not cause layout shifts that push content around while the page loads

Hover states

  • All hover states on buttons, links, cards, and interactive elements are visible and intentional

  • Hover states work correctly on touch devices (they should not get stuck)

Custom interactions

  • Sliders, carousels, and tabs work correctly and all panels are accessible

  • Custom cursors or pointer effects work as intended and do not cause lag

  • Any WebGL or canvas-based elements render correctly at different screen sizes and device pixel ratios

Reduced motion

  • Animations respect the prefers-reduced-motion media query for users who have requested reduced motion in their system settings

7. Performance

A slow website is not a finished website. Check load times before presenting a site as ready for launch.

Page speed

  • Core Web Vitals have been checked using Google PageSpeed Insights or equivalent

  • Largest Contentful Paint (LCP) is under 2.5 seconds on a simulated mobile connection

  • Cumulative Layout Shift (CLS) score is below 0.1 (no elements jumping around as the page loads)

  • Images are served in modern formats (WebP or AVIF where supported) rather than uncompressed JPEGs and PNGs

Scripts and fonts

  • Third-party scripts (analytics, chat widgets, tracking pixels) are loading without errors

  • Web fonts are loading correctly and fallback fonts are set

  • No unnecessary scripts are loading on pages that do not use them

8. SEO basics

This is not a full SEO audit, but these are the basics that should be in place before launch.

Meta and structure

  • Every page has a unique, descriptive meta title

  • Every page has a meta description

  • H1 tags are present and there is only one H1 per page

  • The canonical URL is set correctly

Technical

  • The sitemap is generated and submitted to Google Search Console

  • The robots.txt file is configured correctly and not blocking search engines accidentally

  • SSL certificate is active and the site loads over HTTPS

  • Redirects from the old site are set up if this is a redesign

9. Accessibility

Accessibility is not optional. These are the most common issues that appear on web builds and the easiest to check before launch.

Colour contrast

  • All text passes WCAG AA contrast ratio requirements (4.5:1 for normal text, 3:1 for large text)

  • Interactive elements like buttons and form fields are distinguishable from the background

Keyboard navigation

  • The entire site can be navigated using a keyboard alone

  • Focus states are visible on all interactive elements

  • No keyboard traps (elements that capture keyboard focus and do not allow the user to leave)

Screen readers

  • Images have appropriate alt text

  • Form fields have associated labels (not just placeholder text)

  • ARIA roles and landmarks are used correctly where semantic HTML is not sufficient

10. Browser and device testing

Browsers

  • The site has been tested in Chrome, Firefox, Safari, and Edge

  • The site has been tested in Safari on iOS, which has the largest mobile market share in most Western markets

Devices

  • The site has been tested on at least one Android device and one iPhone

  • If the site targets older browsers or devices, those have been tested explicitly

11. Final checks before going live

Accounts and access

  • The client has been given admin access to the CMS, hosting, and domain

  • All developer or agency accounts have been removed or set to the appropriate permission level

  • Domain is pointing to the correct hosting environment

Analytics and tracking

  • Google Analytics or equivalent is installed and verified to be receiving data

  • Conversion tracking (form submissions, purchases, clicks) has been tested and is firing correctly

  • Cookie consent banner is in place and compliant with GDPR or applicable regulations

Backups

  • A backup of the site exists before going live

  • The client knows how to access backups if something goes wrong after launch

How to run this checklist with your client

The most effective way to use this checklist is to split it into two passes.

The first pass is your internal review, done before the client sees anything. You work through every item yourself, fix what you find, and only send the site for client review once it passes. This saves everyone time and avoids the awkward situation of a client finding a broken form that you should have caught first.

The second pass is the client review. Rather than emailing this checklist to the client and asking them to mark things off, give them a structured way to leave feedback on the live site. Share an Annot review link and ask them to focus on the copy and content sections specifically, since those are the areas where client knowledge is irreplaceable. Design, layout, and technical items are yours to own.

Scope the client review clearly. Ask for feedback on copy and overall direction in round one. Save responsiveness and interaction checks for a separate pass if needed. Focused rounds produce better feedback than open-ended "let me know what you think" reviews.

When the client leaves feedback, it gets pinned to the exact element on the live site rather than arriving as a vague email. That means less back-and-forth clarifying which button, which page, which section.

Common questions

Should the client work through this whole checklist themselves?

No. Most of this checklist is for you, not your client. The sections on performance, accessibility, SEO, and technical checks are internal quality gates you should own. Share the copy and content section with clients and ask them to review the site using a structured feedback tool. Asking a non-technical client to run a Lighthouse audit wastes their time and yours.

When in the project timeline should this be done?

Two passes. One internal review at least a week before the planned launch date, so there is time to fix anything significant. One client review after that, with a clear deadline for feedback. Launching without both passes is how post-launch emergencies happen.

What if the client keeps finding new things after the review is signed off?

Scope it clearly in your contract. Define what counts as a revision (changes to agreed scope) versus a new request (changes to things that were reviewed and approved). A signed review checklist is useful evidence if a scope conversation comes up later.

Do I need a separate tool to run this checklist, or can I use a spreadsheet?

A spreadsheet works for the internal pass. For the client review portion, a visual feedback tool like Annot is more effective because it keeps feedback attached to the specific element rather than living in a separate document. When a client marks something as done in Annot, the context of what they were pointing at is preserved alongside their comment.

What about e-commerce sites?

Add a dedicated checkout and payment testing section. Every step of the purchase flow should be completed with a test transaction: add to cart, enter shipping details, apply a discount code, complete payment, receive confirmation email. Payment failures and checkout bugs are among the most damaging post-launch issues and the easiest to find in a pre-launch review.

The short version

Most post-launch fixes were visible during review. A structured checklist run in two passes (internal first, then client) catches the things that get missed when review is unstructured. Own the technical sections yourself. Give clients a focused, scoped review of the areas where their knowledge matters. Pin feedback to the live site so nothing gets lost in translation.

Related reading: How to run a client website review without a single email and how to use Annot MCP with Claude to apply feedback automatically.

Get started

Try Annot on your next Webflow project

Paste a URL, share a link with your client, collect feedback directly on the live site. No installs, no accounts, no email chains.

Get started

Try Annot on your next Webflow project

Paste a URL, share a link with your client, collect feedback directly on the live site. No installs, no accounts, no email chains.

Visual feedback for the sites you actually build. No installs, no broken previews, no endless feedback loops.

All rights reserved.

© annot.io 2026

Visual feedback for the sites you actually build. No installs, no broken previews, no endless feedback loops.

All rights reserved.

© annot.io 2026

Visual feedback for the sites you actually build. No installs, no broken previews, no endless feedback loops.

All rights reserved.

© annot.io 2026