View
More

The Independent: Sales page

Helping the online newspaper succeed in their first foray in building a premium subscription service.

View Figma prototype

About the Project

The subscription product at the Independent evolved throughout my time there. When I joined the product team there was some concern around users’ views on their new subscription product “Independent Minds.” Rather than relying on assumptions I undertook multiple types of user testing to get real user feedback, which went on to inform the rebrand of the product to "Independent Premium," a much easier to understand product title.

Date:

September 2020

Client:

The Independent

Services:

Product Strategy

My Role

Working closely with the marketing team, I led the redesign of the subscriptions page alongside a parallel programme focused on on-site conversion rate optimisation.

Understanding Internal Traffic Sources

Analysis of internal traffic data revealed that many visitors were landing on the subscription page via a single navigation bar button, rather than through contextual on-site prompts. This meant that the subscription page itself had to do the heavy lifting in quickly and effectively communicating the product’s value proposition.

Heatmaps and Behavioural Analysis

To assess the current page performance, I used Hotjar to examine scroll depth and click hotspots. Two key insights emerged:

  • Over 75% of users dropped off before reaching the full suite of subscription SKUs
  • There was a high concentration of clicks on the “View monthly plan” CTA, indicating a desire to compare plans before committing

These behavioural signals suggested a lack of clarity and engagement further down the page, and a need to simplify the decision-making process.

On-Site Surveys and User Sentiment

I launched targeted on-site surveys on the subscription page to gather additional insights. Key themes included:

  • Pricing confusion - users were unclear on final costs after introductory offers
  • Product differentiation - many struggled to understand the differences between the two SKUs (Premium and Daily Edition), particularly as their benefits overlapped

Voluntary Churn Insights

Using voluntary churn feedback I had previously consolidated into a UX roadmap, I validated our survey data with broader qualitative insights. The roadmap, which ranked issues by volume and complexity (data not shown here due to commercial sensitivity), highlighted two consistent frustrations:

  • Confusion around SKU differences
  • Uncertainty over post-offer pricing

These insights confirmed that the current subscription experience lacked clarity and was a key factor in cancellations.

"There was also a decision made to bring the two product SKU's together, creating two tiers instead, which would reduce confusion around why benefits could be found on both products."

Framing the Problem

I presented the findings to the marketing and editorial teams. Together, we defined several core problem statements to shape the new subscription page:

  • The page was too long and difficult to digest
  • The two product SKUs were too similar, causing confusion
  • We needed to present benefits earlier, more clearly, and in a more compact format

It was agreed to consolidate the two SKUs into a tiered model, simplifying the offering and making value differences more obvious to users.

Planning for Flexibility

The new page was to be built within our Piano subscription platform to enable future A/B testing via iFrames. I facilitated a workshop with the marketing team to understand their testing priorities, helping us define which design patterns were future-proof and which wouldn’t scale well.

Usability Testing the Current Experience

Initial user testing uncovered a clear performance disparity between desktop and mobile. The previous design had been desktop-first, and mobile users struggled with visibility and interaction. This reinforced the decision to take a mobile-first approach in the redesign.

Ideation and Design Exploration

During ideation, I explored multiple approaches to:

  • Surface benefits earlier
  • Clarify pricing structure
  • Keep key CTAs above the fold where possible

I developed four design options, each with varying layout hierarchies, and worked closely with stakeholders to understand their alignment with broader business and marketing goals.

Prototyping and Usability Testing

Using InVision, I prototyped the two most promising directions - a tabbed layout and a card-based format. Across two rounds of usability testing, I gathered user feedback by categorising it into three buckets:

  • Elements users liked
  • Points of confusion
  • Missing or expected information

I presented these findings to the wider team and used them to guide iterative improvements.

Refining the Solution

The final design combined strengths from both the tabbed and card-based approaches. This hybrid solution performed best in testing across both qualitative feedback and engagement metrics.

I worked closely with internal developers and Piano to validate the feasibility of the design and ensure it met platform constraints.

UI Collaboration and Iteration

At this stage, I partnered with a UI designer to apply final styling using our design system. I created prototypes based on their visual work, tested the flows, and iterated based on user feedback.

Several micro-level enhancements were made:

  • Added a tooltip to explain the Daily Edition app
  • Introduced rolled-up yearly pricing for easier plan comparisons
  • Clarified accepted payment types in the FAQ section
  • Removed the misleading term “Digital” from one SKU
  • Simplified offer language to “£1/month for 3 months” to eliminate pricing confusion

Results and Outcomes

Over six rounds of usability testing, we saw steady improvements in user understanding and conversion intent.

  • 100% of users rated product offering and pricing as “clear” or “very clear” (up from 20%)

On-Site Prompt Optimisation

In addition to redesigning the subscription page, I optimised on-site subscription prompts - often the first user interaction with our product offering. These A/B tests were run via our subscription platform over two-week cycles using a round-robin format, with winners becoming the new default (BAU).

Where appropriate, we also used Google Optimise to test larger variants outside of the on-site prompt framework.

By improving how we surfaced product value and refining CTA language, we achieved significant gains. One high-exposure prompt saw a +898% increase in conversion rate.

View Figma final UI designs

No items found.