pricing-page-design
Installation
SKILL.md
Pricing Page (High‑Conversion) — Web Design Skill
Before you design/write
- Offer + audience: What problem does the product solve? Who is the buyer?
- Plans: How many tiers? What differentiates them? Usage-based or flat?
- Objections + risk: What stops someone from signing up? (price, trust, complexity)
- Proof: Logos, testimonials, case studies, metrics available?
- Traffic context: Organic? Paid? Referral? Affects messaging urgency.
Core structure
Above the fold (must)
- Headline: value proposition, not "Pricing"
- Subheadline: who it's for + key benefit
- Plan cards: name, price, CTA, 3–5 key features
- Highlighted plan: visual emphasis on recommended tier
- Toggle: monthly / annual (show savings)