Phone lying on table with the landing page design
Landing Page

From Outdated to Outstanding: A Landing Page Transformation

Overview

Many businesses struggle to convert website visitors into subscribers while also keeping their existing audience engaged. At What If, I helped clients overcome this challenge through strategic landing page redesigns. This case study examines a specific project for Debt Help, outlining the initial problems, my design solutions, and the positive impact on sign-ups and subscriber retention.

My Role

UX/UI Designer

Tools

Figma
Adobe Photoshop

Deliverables

Wireframes
Mockups
Prototypes

The Challenge

Outdated landing pages were a significant obstacle for What If's clients. The designs failed to meet the needs of modern users, resulting in poor engagement and low conversions. To understand the root of the problem, we needed to delve into user needs.

Discovery

User Data & Personas

To establish a user-centered strategy, I collaborated with stakeholders to analyze existing designs and benchmark competitors. Analyzing subscriber data allowed me to build detailed user personas, ensuring our design direction directly solved key target audience pain points.

Profile of a woman labeled The Midlife Saver with debt-related goals and a financial assistance signup form.

Persona and screenshot of original site

Business Goals

Their goal for the project was to modernize landing page designs, expand their reach, and significantly increase sign-ups.

User Needs

Based on our data users were most attracted to content related to assistance with debt management, actionable tips for reducing debt, and access to relevant resources.

Ideation

Wireframes

Leveraging user feedback and competitive research, I identified key content opportunities to guide our ideation. I adopted a mobile-first wireframing approach to address growing mobile traffic, while early collaboration with developers ensured our landing page layouts were technically viable and optimized for small-screen performance.

Examples of other websites used for inspiration

Competitor Research

Wireframes of new design

Mobile and Desktop Wireframes

Design

To streamline development, I built high-fidelity prototypes that  reflected the ideal final experience. This allowed engineering to proactively catch and resolve technical constraints early. I also incorporated micro-animations to enhance interactivity, balancing engagement with technical feasibility.

Animated gif showing the functionality of the redesigned landing page

Desktop Prototype

Testing

We A/B tested the redesigned landing page against the original, incorporating user feedback throughout the process. This iterative approach resulted in a 5% increase in sign-ups. Key optimizations included the implementation of dark mode and the addition of consumer debt statistics.

Dark mode version of redesigned landing page

Prototype Dark Version

The Impact

By prioritizing user needs and leveraging data-driven insights, this project delivered a more valuable experience for Debt Help users. The 5% increase in sign-ups demonstrates the positive impact of this user-centered approach, highlighting the importance of ongoing testing and optimization to ensure continued user satisfaction and business success.

Phone displaying the final landing page redesign

Mobile Mockup

Let's Work Together!

If you saw something that piqued your interest, and have a project in mind, I would love to hear from you! I am always excited to discuss new opportunities. Fill out the form below to get the conversation started.

Get in touch!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.