Pricing Page
Build a single pricing or plan-comparison page with tiered plan cards, a feature comparison, a highlighted recommended plan, and optionally a monthly/annual toggle that updates prices. Scopes the plans, features, and pricing model first, designs a comparison layout that makes the recommended tier obvious, writes the plan copy, then builds responsive HTML with a working billing toggle. Pricing pages fail when the toggle does not update prices or the tiers are not genuinely comparable, so the offer-scope phase locks the exact plans and feature matrix before any markup.
How it runs
| # | Step | Who runs it | What happens |
|---|---|---|---|
| 1 | Offer scope | Planner | plans, feature matrix, pricing model, recommended tier |
| 2 | Visual design | Designer | comparison layout + recommended-plan emphasis |
| 3 | Copywriting | Copywriter | plan names, taglines, feature labels, CTA |
| 4 | Build | Developer | implement index.html with plan cards + toggle |
| 5 | Evaluate | Reviewer | Grade the deliverable against every acceptance criterion. All pass → finish; any fail → loop back and fix the gap. |
| 6 | Finish | Developer | All acceptance criteria met. Stamp a short summary and report DONE. |
Say something like "pricing page" or "plan comparison" or "subscription tiers" or "pricing table" or "build a pricing page" or "compare plans" in chat to start it.