Landing Page Redesign

I designed a conversion-focused landing page that increased click-through rates by 7.9% for Tapouts' online coaching sessions, helping parents discover emotional support for their children.

Duration
Dec - Jan 2024
What I did
Research, Wireframe, UI Design, A/B Testing

Overview

looks_one
Objectives

Designed a standalone landing page to increase parent trust and clearly communicate Tapouts’ value through compelling visuals and strong CTAs.

looks_two
Role & Deliverables

Led product design from research to launch. Created mobile-first wireframes and high-fidelity designs, ensuring seamless implementation with developers.

looks_3
Challenges

Improved readability by refining brand colors, aligned marketing with UX goals, and clarified subscription pricing to reduce confusion.

looks_4
Outcome and Impact

Boosted conversion rate from 0.64% to 1.9%, increased engagement, and reduced pricing-related customer inquiries and cancellations.

Design Process

Background

Tapouts provides online sessions for children aged 4-16 who struggle with emotional challenges. Through group interactions with peers and coaches, children learn to manage anxiety and stress. Our primary audience is parents, particularly mothers, seeking solutions for their children's emotional wellbeing.

The existing website focused mainly on product information but lacked marketing focus and clear conversion paths. This project aimed to create a dedicated landing page focused on conversion optimization and effectively marketing our online coaching sessions.

Problems

Analysis of the existing page revealed several key issues:
‍

🎯 Low conversion rate

The CTA click-through rate was only 0.64%
‍

🎯 Confusing information architecture

Important information was scattered and didn't effectively convey product value
‍

🎯 Price model misunderstandings

Customer service frequently received cancellations from parents who didn't realize it was a subscription service
‍

🎯 Visual presentation issues

Brand colors were too vibrant, affecting text readability

‍
🎯 Lack of social proof

Not enough testimonials to build trust

Research

I used multiple research methods to understand issues and find solutions:
‍

βœ… Identified where users interacted most and where they abandoned the page‍

βœ… User flow analysis: Tracked complete user journeys to find friction points

βœ… Competitive research: Analyzed similar products (online learning platforms and counseling services) focusing on:

  1. Pricing presentation
  2. Use of testimonials
  3. Content structure
  4. CTA design and placement
Design

Based on research findings, I developed key design strategies:
‍

  1. Optimized above-the-fold experience:
    • Ensured main copy, CTA button, and hero image fit within the first screen on mobile
    • Simplified headline to directly communicate core value
      ‍
  2. Enhanced content structure:
    • Designed three-step cards explaining the product process
    • Optimized FAQ section based on most frequent user questions
    • Added testimonial section to build social proof
      ‍
  3. Clear pricing presentation:
    • Redesigned pricing section to clearly indicate subscription service
    • Detailed what's included and payment frequency
    • Added FAQ links to address pricing concerns
      ‍
  4. Improved visual design:
    • Adjusted brand color usage to ensure readability
    • Used warm illustrations and brush elements for friendly appeal
    • Ensured all UI elements worked well on mobile
      ‍
  5. A/B testing strategy:
    • Tested different CTA copy, including urgency messaging
    • Tested various content structures and visual hierarchies
Outcomes

The project achieved significant success:
‍

  1. Conversion improvement:
    • CTA click rate increased from 0.64% to 1.9%
    • Urgency messaging ("Few spots left") further increased click-through rates
      ‍
  2. User experience improvements:
    • Users spent significantly more time on the three-step card section
    • Heatmap analysis showed more users scrolling to the bottom of the page
      ‍
  3. Operational benefits:
    • Customer service reported fewer pricing-related inquiries
    • Subscription cancellations due to pricing misunderstandings decreased
      ‍
  4. Insights gathered:
    • Identified most frequently viewed FAQ: "How do the online sessions work?"
    • This insight has been incorporated into future product marketing materials
Key Learnings

πŸ’‘ Use data to communicate design decisions to non-design stakeholders

πŸ’‘ Consider the entire user journey beyond conversion metrics

πŸ’‘ Small details (like clear subscription model explanations) can significantly impact overall user experience

‍