Design reviews

Design reviews on the real build

Mockups get approved; builds get shipped. ClientTweak lets designers and stakeholders review the actual website at every breakpoint, with feedback pinned to the elements that need to change.

Start Free Trial See Pricing

Desktop, tablet and phone
Draw on the page
Review mockups too

ClientTweak review screen: a client's homepage with numbered comment pins and the comment list beside it

The problem

Design intent gets lost between Figma and production

The build is “almost right”, and nobody can say exactly what's off.
Design QA happens in a slide deck of annotated screenshots.
Tablet and phone layouts are reviewed last, or not at all.
Feedback on mockups and on the build lives in different places.
Polish requests and launch blockers look the same in the list.

Highlights

A design review process that fits the web

Element-level precision

Pin feedback to the exact card, heading or icon. Pins anchor to the element, not a pixel.

Responsive review

Review desktop, tablet and phone widths; comments stay scoped to their width.

Annotate

Draw on top of the page alongside your comment to show the change you mean.

Mockups and exports

Review image and PDF exports in the same workspace, and upload new versions.

Prioritise polish

Mark launch blockers high and polish low so developers fix the right things first.

Loom walkthroughs

Attach a Loom recording when an interaction is easier to show than describe.

Review the website people will use

A design review should look at what's actually been built. Add the staging URL to ClientTweak and review the live page, with real fonts, real content and real behaviour. Use Browse mode to open menus, follow links and move between pages; switch to Comment mode when you spot something.

Each comment is pinned to the element you clicked and can include a drawing made with Annotate, so a developer can see the spacing or alignment you mean.

Browse and Comment modes
Pins anchored to elements
Drawing annotations

Every breakpoint, reviewed on purpose

Switch the preview between desktop, tablet and phone and review each layout properly. Comments are scoped to the width they were left on, so a phone-only fix doesn't get applied to the desktop layout by mistake.

Phone-width preview of a website inside ClientTweak

From comment to pixel-perfect

Developers reply in the thread when they have a question, and resolve comments once they're fixed. You can reopen anything that isn't right. Priorities keep launch blockers separate from polish, and assignees make it clear who's on what.

Connect Jira, Asana, ClickUp or Trello to send design feedback to your team's backlog automatically.

Threaded replies and resolve/reopen
Priorities and assignees
Task tool integrations

A comment thread with replies, pinned to a button on the page

What to look for in a website design review

A useful design review goes beyond “does it look like the mockup”. Check spacing and alignment between sections, type sizes and line lengths with real content, image cropping at each width, hover and focus states on buttons and links, and how components behave when text is longer than expected.

Review the pages users actually visit most, not just the homepage, and repeat the checks at tablet and phone widths, where most layout bugs hide. Pin each issue to the element it affects, set a priority, and keep polish separate from problems that block launch.

When the fixes are in, review the resolved comments on the updated build. Reopen anything that isn't right, rather than starting a new thread, so the history of each change stays in one place.

Spacing, type and alignment
Images and real content
Interactive states
Every key page at every width

How it works

Run a design review in four steps

1
Add the build
Create a website project from the staging URL.
2
Review desktop
Pin feedback to each element that's off.
3
Review tablet and phone
Switch widths and repeat.
4
Verify fixes
Check resolved comments on the updated build.

FAQ

Frequently asked questions

What is a design review for a website?

It's a check that the built website matches the approved design: layout, spacing, typography, imagery and behaviour, at every screen size. Feedback should point at the exact element so developers can fix it quickly.

Can I review responsive layouts in ClientTweak?

Yes. Switch between desktop, tablet and phone widths. Comments are scoped to the width they were left on.

Can I draw on the page?

Yes. Use Annotate to add drawings alongside a comment.

Can I review Figma designs?

Export frames as PNG, JPEG or PDF and upload them as an image or PDF project. There's no direct Figma import.

Who can resolve design comments?

Workspace members can resolve, reopen, prioritise and assign comments. Guests can comment and reply.

How long should a design review take?

For a typical marketing page, a focused pass at three widths takes 15 to 30 minutes. Doing short reviews often is more effective than one long review before launch.

Should design reviews happen on staging or production?

On staging, before launch, when fixes are cheapest. Review production too after launch to catch anything that changed with real content.

Keep exploring

Get started

Start your next review today.

Pin feedback on live websites, PDFs and images, and turn it into work your team can track.