Client: Hero Cosmetics
Project: Direct-to-Consumer Landing Page for Hero's flagship acne solution, the Mighty Patch
Platform: PageDeck
URL: https://hero.pagedeck.app/mighty-patch
🧠 Objective
To design a conversion-optimized landing page for Hero's best-selling Mighty Patch, crafted for paid traffic and influencer campaigns. The goal was to:
- Build product awareness
- Drive direct add-to-cart conversions.
- Show how it works and why it’s trusted
🛠 My Role
- Page strategy: Structured the flow for cold-to-warm audiences: hook → proof → benefits → usage → social proof
- Copywriting: Wrote clean, punchy, benefit-first copy in Hero’s Gen Z-friendly, no-BS brand voice
- Conversion UX: Mapped CTA placement, visual flow, and testimonial sequencing to reduce friction and boost trust
- Design direction: Optimized imagery, text hierarchy, and mobile responsiveness using PageDeck’s modular system
🧩 Page Breakdown
1. Hero Section
- Bold headline: Pimple, meet your Mighty Patch.
- Dynamic packshot + product visual
- CTA immediately below the fold
2. Social Proof Hook
- #1 best-selling acne patch
- Testimonial quote from a real customer
- Validates trust early
3. Product Features
- Compact, benefit-forward block:
✓ Works overnight
✓ Protects & absorbs
✓ Easy to apply
✓ Dermatologist recommended
4. How It Works (Visual Timeline)
- Clear, friendly step-by-step:
- Clean skin
- Apply the patch
- Wake up to smaller zits.
- Uses illustrations to make science simple
5. User-Generated Content
- A photo grid of real people using the patch
- Boosts credibility, relatability, and brand warmth
6. “Find Your Patch” Cross-Sell Block
- Introduces other Mighty Patch variants
- CTA to keep customers in the Hero product ecosystem
7. Brand Story Section
- “Revealing the hero within”
- Subtle mission messaging to close with emotional impact