Website, UX, and web design checklists

Tool powered by Checklist Design on checklist.design.

Website, web design, and UX checklists for pages, components, and flows. Signup, login, accordion, toggle, and full site reviews on checklist.design.

What is Checklist Design?

Checklist Design at checklist.design is a library of practice-focused lists for UX, UI, and web product work—organized by website screens, UI components, user flows, topics, and brand. Teams use it as a website checklist and website design checklist before launch, a UX checklist during critique, and a web design checklist for marketing and app surfaces. It covers signup page patterns, login page UX, accordion checkbox and toggle component states, save changes and saving-changes flows, and a website content checklist for production readiness. The site is credited to George Hatzis on the public pages and is served via Framer. We do not operate accounts, the Figma plugin, or any beta products mentioned on the domain.

What checklist.design offers

Website checklist, UX checklist, and web design checklist library—pages, components, and flows in one place.

  • Website checklists & templates

    Screen-level reviews for cart, login, pricing, search, and blog—use as a website design checklist template for new builds.

  • Component checklists: accordion, toggle, icon

    Accordion checkbox states, toggle list and toggle component patterns, component icon edge cases, and form controls.

  • Flow checklists: signup, save changes, login

    End-to-end paths such as signup page UX, save changes and changes successfully saved feedback, clickable list patterns, and checkout flows.

  • UX & web design checklists

    Cross-cutting UX design checklist items for responsiveness, dark mode, navigation hierarchy, and brand tone.

  • Website content checklist

    Content-specific review items for copy, headings, metadata, and media to complement your website content checklist.

  • Figma plugin & saved progress

    Run checklists in the canvas via the Figma plugin, or sign in to save progress on the publisher site.

How to use Checklist Design

A practical review loop—pick a website, UX, or component list, then walk your real UI states.

  1. Pick the right scope

    Choose website, component, or flow lists based on whether you are shipping a page, a system, or a journey.

  2. Open staging or production

    Walk real loading, empty, success, and error states—not only static mockups.

  3. File gaps with context

    Link each miss to a URL, screenshot, and checklist item so fixes stay traceable.

  4. Re-run after fixes

    Repeat the same list on release candidates to catch regressions.

  5. Extend with your standards

    Add accessibility, legal, and localization requirements your org requires beyond the base lists.

  6. Open full tab if needed

    If the iframe is blank, open https://www.checklist.design/ directly—Framer apps can block iframes.

Tips for checklist reviews

Get signal without box-ticking alone.
  • 01

    Pair with user research

    Checklists complement usability tests; they do not replace them.

  • 02

    Run accessibility in parallel

    Use your WCAG or internal a11y checklist in the same sprint.

  • 03

    Share lists in handoff docs

    Link `Checklist Design` so design and engineering use the same vocabulary.

  • 04

    Read Privacy before login

    Review About and Privacy on checklist.design before using a work email to save progress.

Who this is for

People who own quality before a release or redesign.

  • Product designers

    Standardize pre-release self-review and design QA with developers.

  • Engineers

    Shared language for states, flows, and component edge cases.

  • Design leads

    A default review baseline in team handbooks.

  • Agencies

    Onboard designers to common web patterns across client work.

Why open Checklist Design

Public checklists beside your other references.

  • Stable directory path

    Link `Checklist Design` in docs; attribution points to checklist.design.

  • Shared vocabulary

    Named sections align critique with real product surfaces.

  • This site does not operate the product

    Accounts, plugin, and hosting are on checklist.design.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.