Case library

Sample AI block teardowns

Full teardown cases — fictional demo sites with numbered blocks, annotations, redesign suggestions, and exportable task checklists.

01

Navigation · SaaS homepage

Logo competes with CTA — primary action not visible above fold.

Move demo CTA to header right · reduce nav to 5 items.

P1
02

Hero · SaaS homepage

Headline leads with feature list, not outcome.

Rewrite: outcome-first headline + single proof line.

P1
03

Pricing · SaaS

Tier names unclear — no anchor tier highlighted.

Highlight recommended tier · add FAQ link under table.

P2
04

Product · Shopify

Gallery thumbnails too small on mobile.

Increase tap targets · sticky add-to-cart on scroll.

P1
05

Checkout · E-commerce

Guest checkout buried below account creation.

Default to guest · show trust row before payment.

P1

Task checklist · SaaS homepage sample

  • P1 · Move demo CTA to header
  • P1 · Rewrite hero headline outcome-first
  • P2 · Highlight recommended pricing tier
  • P1 · Increase mobile gallery tap targets
  • P1 · Default checkout to guest path
View export format
SampleDeliverables
SaaS homepage12 blocks · 18 annotations · 9 tasks
Shopify product8 blocks · 14 annotations · 7 tasks
Agency portfolio10 blocks · 11 annotations · 6 tasks
Course sales page9 blocks · 16 annotations · 8 tasks
Checkout flow6 blocks · 22 annotations · 12 tasks

Paste a URL — get a block teardown

Live page in, numbered blocks out. P1/P2 annotations and a dev-ready task list.

Submit URL