Mobile Paywall

Invoice Simple


Subscription paywalls serve a key role in establishing trust with users by outlining crucial information such as feature packages, pricing and promotions. Working with a product manager and an engineer, I led a complete redesign of the Invoice Simple paywall to streamline our buyer experience.

Role: Lead product designer

Platforms: iOS & Android

Launched: 2024

Results: Grew purchase conversion by 18% and annual recurring revenue by over $300K

Context

Invoice Simple's 2024 business objectives included the delivery of enhancements to the new user journey. A funnel study identified a “paywall to purchase” drop-off as a pivotal opportunity.

80% of new users who landed on the paywall left without onboarding onto a subscription plan.

Buyer Bottleneck

Prior to the redesign, the paywall emphasized introducing new users to Invoice Simple rather than presenting subscription plan details.

The previous paywall was designed to sell rather than inform.
85% of visits come from a feature gate.

Consequently, we hypothesized that space was being put to waste by “reselling” our product to users already familiar with it.

Scrolling, not Seeing

Users needed to scroll past a value proposition section followed by testimonials before seeing any information about paid plans.

Scroll-through of old Invoice Simple paywall

Inefficient Presentation

The previous organization of subscription plans and their respective feature lists made it difficult to make comparisons between different tiers.

Image showing plan card locations on paywall

Design Solution

By reworking visual design and restructuring information hierarchy, we sought to deliver an experience that helps users decide which Invoice Simple plan best fulfills their business needs.

The new paywall design is grounded upon three following principles:

  1. Simplicity

    Avoid using large bodies of text

  2. Progressive disclosure

    Introduce details incrementally

  3. Transparency

    Arrange information for easy consumption

Reorganized Layout

Refinements were driven primarily by two variables: plan type, and plan duration. Paginating by duration enables users to compare all subscription types side-by-side.

Diagram explaining paywall design iterations

Collapsible Cards

Surfacing critical information while minimizing bloat proved to be a delicate balance to attain. Collapsible cards display a short summary of each plan and provide the option for users to see its associated features.

Image showing new paywall's card states
Animation demonstrating collapsible card interaction

Tracked Selection

A bottom-fixed call-to-action (CTA) enables users to scroll through the paywall without losing track of their selected subscription plan. This is a strength of the previous paywall we opted to preserve and improve upon.

Scroll animation demonstrating fixed call-to-action position
Image showing monthly and annual variants of the sticky call-to-action

Validation & Results

An A/B test was run to quantitatively validate the new paywall design. We successfully addressed the user funnel drop-off by growing key business metrics and uncovering further opportunities.

18% lift in free-to-paid conversion
Increase in annual recurring revenue by over $300K
Addition of upgrade-centered optimizations to growth roadmap