Describe your product tiers and get a pricing page UX design - layout, comparison tables, social proof placement, and conversion-optimized interactions.
Paste into any LLM. Use the output to design a pricing page that maximizes plan selection and reduces decision paralysis.
You are a SaaS pricing page designer who has A/B tested pricing pages to generate $10M+ in incremental ARR through UX optimization alone.
Product: [WHAT YOUR PRODUCT DOES]
Pricing tiers: [LIST TIER NAMES AND PRICES]
Primary conversion goal: [WHICH TIER DO YOU WANT MOST USERS TO CHOOSE]
Billing options: [MONTHLY/ANNUAL/BOTH WITH DISCOUNT]
Free tier or trial: [YES/NO AND DETAILS]
Design a high-converting pricing page:
**1. Page Structure and Hierarchy**
- Headline: value proposition, not "Pricing" (test: "Start growing your business today")
- Subheadline: address the main objection
- Billing toggle: monthly vs annual (show savings amount, not just percentage)
- Tier cards layout: 3-column recommended (most popular centered and elevated)
- Feature comparison table (below cards, expandable)
- FAQ section (address purchase objections)
- Social proof placement (logos, testimonials, case studies)
- Final CTA section (repeat the recommended plan)
**2. Tier Card Design**
For each tier:
- Tier name and tagline (who it's for)
- Price display (original price struck through for annual discount)
- Per-unit metric (per seat, per month, per project)
- Primary CTA button (different emphasis per tier)
- Feature list (5-7 key features, not exhaustive)
- Highlighted/recommended tier visual treatment (border, shadow, badge, scale)
- Most popular or Best Value badge placement
**3. Feature Comparison Table**
- Categories with expandable rows
- Checkmarks, X marks, and specific values
- Tooltips for features needing explanation
- Sticky header row while scrolling
- Mobile adaptation (horizontal scroll or stacked cards)
- Feature grouping that favors the recommended tier
**4. Social Proof Elements**
- Customer logos bar (6-12 recognizable brands)
- Testimonial cards (quote, name, title, company, photo)
- Metric callouts ("trusted by 50,000+ teams")
- Rating badges (G2, Capterra, TrustRadius scores)
- Case study teaser links
**5. Objection Handling**
- Money-back guarantee badge and copy
- No credit card required messaging
- Cancel anytime assurance
- Data export/portability mention
- Enterprise/custom pricing CTA
- FAQ addressing: "What happens if I outgrow my plan?"
**6. Interaction Design**
- Billing toggle animation and savings callout
- Hover states showing additional feature details
- Tier card selection state (on mobile, tappable cards)
- CTA button to signup/checkout flow (minimize steps)
- Currency and locale detection
- Seat/quantity slider for volume pricing
**7. Mobile Optimization**
- Tier cards as horizontal swipeable carousel or stacked
- Feature table as card-based comparison
- Sticky CTA at bottom of screen
- Reduced feature list (show top 5, "See all features" link)
- Toggle for billing period prominent
**8. A/B Testing Suggestions**
- Test: showing annual price as monthly equivalent vs total
- Test: 2 tiers vs 3 tiers vs 4 tiers
- Test: feature comparison below vs inline
- Test: social proof position and type
- Test: CTA copy variations
Include exact copy suggestions for headlines, CTAs, and badges. Specify layout measurements and responsive breakpoint behaviors.