Website, UX, and web design checklists

Tool powered by Checklist Design on checklist.design.

Website checklist, web design checklist, and UX checklist for pages, components, and flows. Use checklist.design for signup page reviews, accordion checkbox patterns, toggle components, login page checks, and a complete website design checklist.

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.

  1. Website checklists & templates: Screen-level reviews for cart, login, pricing, search, and blog—use as a website design checklist template for new builds.

  2. Component checklists: accordion, toggle, icon: Accordion checkbox states, toggle list and toggle component patterns, component icon edge cases, and form controls.

  3. 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.

  4. UX & web design checklists: Cross-cutting UX design checklist items for responsiveness, dark mode, navigation hierarchy, and brand tone.

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

  6. 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.

  1. Product designers: Standardize pre-release self-review and design QA with developers.

  2. Engineers: Shared language for states, flows, and component edge cases.

  3. Design leads: A default review baseline in team handbooks.

  4. 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.