dotts – visual feedback tool for freelancers made in europe
Features Pricing FAQ Login
Request Demo Start for free
Free Tool for Freelance Web Designers

Website Client Handoff Checklist

The last step before you launch a client site should feel clean, not chaotic. This free checklist walks you through everything – from performance and SEO basics to forms, analytics, and final delivery. Check it off, export it, and hand over with confidence.

Free, no signup
40+ checklist items across 6 categories
Export as PDF or copy summary
Website Client Handoff Checklist
Generated with dotts.se/tools/website-handoff-checklist
Overall Progress
0 / 40 completed
Design & Content
0/7
All pages match the approved design (Figma / mockup)
No placeholder text (Lorem Ipsum) anywhere on the site
All images are final – no stock placeholders
Favicon is set and shows correctly in the browser tab
404 page exists and is on-brand
All links work – no broken internal or external links
Copyright year in the footer is correct
Performance & Speed
0/6
Images are compressed and properly sized (WebP where possible)
Page speed tested on Google PageSpeed Insights (aim for 80+ on mobile)
No unused CSS or JavaScript loaded on pages
Fonts are loaded efficiently (system fonts or preloaded)
Lazy loading enabled for images below the fold
Site loads in under 3 seconds on a standard connection
SEO Basics
0/7
Every page has a unique, descriptive title tag
Every page has a meta description
OG tags are set (og:title, og:description, og:image)
H1 tag exists and is correct on every page
robots.txt is present and configured correctly
XML sitemap is generated and submitted to Google Search Console
Google Search Console is set up and verified
Functionality & Forms
0/6
All contact forms are tested and send to the correct email
Form confirmation messages / redirects work correctly
Newsletter signup (if applicable) connects to the correct list
Any e-commerce functionality is tested (add to cart, checkout)
Cookie consent banner works and is legally sufficient
Password-protected pages (if any) are tested
Cross-Device & Browser Testing
0/7
Site tested on Chrome, Firefox, Safari
Site tested on iOS (Safari) and Android (Chrome)
All breakpoints look correct (mobile, tablet, desktop)
No horizontal scrolling on mobile
Touch targets (buttons, links) are large enough on mobile
All animations and interactions work across devices
No console errors in browser dev tools
Analytics & Handover
0/7
Google Analytics (or equivalent) is installed and tracking
Client has been given access to Google Analytics
Client has been given access to Google Search Console
Domain is pointing to the live site correctly
SSL certificate is active (https://)
Client has login credentials for CMS / hosting
A short walkthrough (video or doc) has been delivered to the client
Generated with dotts.se/tools/website-handoff-checklist  ·  dotts – Visual Feedback Tool for Freelancers

What Is a Website Handoff Checklist?

A website handoff checklist is a structured list of everything a freelance web designer should verify before officially delivering a completed website to a client. It covers the technical, visual, and administrative steps that ensure the site is ready to go live – and that nothing important is forgotten in the rush to close the project.

The handoff moment is often rushed. You've been working on a project for weeks, the client is eager to launch, and the pressure to wrap up is real. Without a checklist, small but important things fall through the cracks: a broken form, a missing favicon, Google Analytics not connected, or the client not having their own login credentials. These aren't catastrophic issues on their own, but they add up – and they're the kind of things that lead to late-night messages from clients after launch.

A good handoff checklist is also a professional signal. Handing over a completed site alongside a documented checklist tells the client you're thorough, organized, and take your work seriously. It reduces the chance of scope creep post-launch, because you've clearly documented what was delivered and verified.

Why Freelancers Need a Structured Handoff Process

Most freelancers learn the value of a handoff checklist the hard way – after forgetting something important. The problem isn't competence, it's context-switching. By the time you're finishing a project, you're often already thinking about the next one. The last 5% of a project gets less attention than it deserves.

A structured handoff process does three things: it protects you, it protects the client, and it makes the entire project feel more professional.

It protects you because it creates a record of what was delivered and tested. If a client comes back three months later and says "the contact form wasn't working at launch," you have documentation that proves it was tested and signed off. It protects the client because it ensures they're actually getting everything they paid for – not a site that looks finished but has three broken links and no analytics. And it makes the project feel professional because a clean handoff is the last impression you leave. Clients remember the end of projects more than the middle.

Beyond individual projects, having a reliable handoff process builds reputation. Freelancers who consistently deliver clean, documented handoffs get better reviews, more referrals, and clients who come back. It's one of the lowest-effort, highest-return habits you can build.

The Complete Website Handoff Checklist Explained

Let's break down what each category in this checklist is checking for – and why it matters.

Design & Content is where you verify the obvious things that somehow still get missed. Placeholder text. A favicon that's still the platform default. A 404 page that looks nothing like the rest of the site. These are small, but they're what clients notice first.

Performance & Speed matters more than most designers think at handoff. A site that scored 40 on PageSpeed Insights is a site the client will complain about – even if they can't articulate why. Compress images, check load times on mobile, and run a quick PageSpeed report before you hand anything over. A score above 80 on mobile is a reasonable target for most projects.

SEO Basics is often the most skipped category, and the most consequential. Missing title tags, no meta descriptions, and an unconfigured sitemap means the client's site starts its life invisible to search engines. You don't need to do full SEO work – but the basics take 30 minutes and make a real difference. Setting up Google Search Console is especially important and often forgotten.

Functionality & Forms is where bugs tend to hide. Forms look fine in design but break in production. Always test every form by actually submitting it and checking that the email lands in the right inbox. If there's a newsletter signup, subscribe with a test email and verify it reaches the correct list.

Cross-Device & Browser Testing catches the layout issues that are invisible on your development machine. Safari on iOS renders things differently than Chrome on desktop. Test on a real phone if you can – not just a browser resize.

Analytics & Handover is the administrative close-out. The client should leave the project with access to their own analytics, their own CMS, and a basic understanding of how to use it. If they have to ask you for their own login credentials six months later, something went wrong at handoff.

Common Mistakes Freelancers Make at Handoff

Handing over too quickly. The client is excited, you're excited, and you both just want to be done. But a site launched with a broken form or missing analytics is a site that will require unpaid follow-up work.

Not testing forms in production. Forms that work in staging sometimes break when the domain changes or the backend environment is different. Always test after going live, not before.

Forgetting to transfer ownership. The site should belong to the client – their Google Analytics account, their hosting login, their domain. Freelancers who hold onto these "for convenience" create dependency, and that's a bad dynamic for everyone.

Skipping the client walkthrough. Even a 10-minute Loom video explaining how to log into the CMS, update a text field, or add a blog post saves dozens of future support messages. Clients who understand their own site feel more confident and require less hand-holding.

No documentation of what was delivered. Without a written record of what was tested and handed over, scope creep post-launch is hard to push back on. A completed checklist is your paper trail.

How to Present the Handoff to a Non-Technical Client

Most clients don't know what a sitemap is. They don't care about PageSpeed scores or robots.txt. What they care about is whether the site looks right, works correctly, and is ready for people to see.

The best handoffs for non-technical clients are visual and structured. Instead of sending a technical report, send them a short message with three things: what you've delivered, what you've checked, and what they need to do next (if anything). Attach the completed checklist as a PDF – not to overwhelm them with technical items, but to show them you've been thorough.

Then give them one final thing to do: review the live site one last time and give you the green light. This is where a tool like dotts comes in – instead of asking them to write feedback in an email, you send them a link and they can click directly on anything they want to change. One round of final feedback, pinned to the exact element, before you officially close the project.

One more step before you close the project: get the client's final sign-off.

With dotts, you send one link. Your client clicks anywhere on the live site and leaves a comment. No email. No screenshot with a red arrow. No "the thing on the left on the third page."

Get client sign-off with dotts →

Free plan available. No credit card.

Handoff Notes by Platform

The checklist above applies to every project. Here's what to pay extra attention to depending on the platform you built on.

Webflow

Make sure the client has their own Workspace account and has been added as an Editor (not just a Viewer). Transfer the project to the client's account if that was agreed – don't leave it in your own Workspace. Publish the site from the client's domain, not the Webflow subdomain.

Framer

Invite the client as an Editor to their own project. Make sure the custom domain is connected and the SSL is active. If the project uses CMS collections, walk the client through how to add and edit entries. Export a Loom video of the CMS editing flow if time allows.

WordPress

Create a dedicated admin account for the client with their own credentials – never share yours. Install a basic security plugin (Wordfence or similar) before handoff. Make sure automatic updates are configured, or clearly communicate that updates are the client's responsibility. Delete any unused themes and plugins.

FAQs

Frequently Asked Questions

Everything you need to know about handing off a client website. Something missing? Email us at tobi@dotts.se

What should be included in a website handoff?
plus icon

A complete website handoff includes verification of design accuracy, performance testing, SEO basics (title tags, meta descriptions, sitemap), form testing, cross-device and browser checks, analytics setup, and administrative handover (client login access, domain, CMS walkthrough). Using a structured checklist ensures nothing is missed.

How do I hand off a Webflow site to a client?
plus icon

Transfer the project to the client's Webflow account, add them as an Editor for CMS access, connect their custom domain, and ensure SSL is active. Provide a short walkthrough of how to edit CMS content. Make sure they have their own Webflow account before the handoff call.

What is the difference between a launch checklist and a handoff checklist?
plus icon

A launch checklist focuses on technical readiness – is the site live, fast, and functional? A handoff checklist is broader and includes the administrative and communication steps of officially delivering the project to the client, including access transfer, documentation, and client training.

How long does a website handoff take?
plus icon

A thorough handoff for a standard 5–8 page website typically takes 2–4 hours: 1–2 hours for testing and verification, and 1–2 hours for documentation, access transfer, and a client walkthrough. Rushed handoffs lead to follow-up issues that take far longer to resolve.

Should I charge for website handoff time?
plus icon

Yes. Handoff work – testing, documentation, access transfer, client training – is real work and should be scoped into your project quote. A common approach is to include a fixed "project close-out" fee in your contracts that covers the handoff process.

What format should I use to deliver the handoff document?
plus icon

A PDF works well for most clients – it's professional, can be opened anywhere, and doesn't require any account. Export the completed checklist from this tool and attach it to your final delivery email. For more technical clients, a Notion page or Google Doc also works.

What if the client finds issues after the official handoff?
plus icon

This is where a clear contract matters. Define in writing what's included in post-launch support (typically a 2-week warranty period for bug fixes) and what falls under a new scope of work. A completed and signed-off checklist is evidence that the site was delivered correctly at handoff.

Do I need to set up Google Analytics for the client?
plus icon

It's best practice to set up analytics under the client's own Google account, not yours. If you set it up in your own account and the client relationship ends, they lose their historical data. Help them create a Google Analytics property, then install the tracking code on their site.

How many revision rounds should happen before final handoff?
plus icon

Ideally, all design revisions are completed before the site goes into development. By the handoff stage, the client should only be doing a final visual review – not requesting design changes. Scope this clearly in your contract: "X rounds of revisions during the design phase; handoff review is for sign-off only."

Can I use this checklist for every project?
plus icon

Yes – the checklist is designed to work across project types and platforms. Some items may not apply to every project (e-commerce items for a simple brochure site, for example), and you can simply skip those. The core categories – design, performance, SEO, forms, testing, and handover – apply to virtually every web design project.

More free tools for freelancers

Freelance Web Design Pricing Calculator OG & Social Media Preview Tool
dotts logo
Tools
Freelancer Pricing Calculator OG & Social Preview Tool Website Handoff Checklist
Company
Features Pricing FAQ Blog
© 2026 dotts. Build in Europe 🇪🇺
Made by MetaOne
Privacy Policy Imprint