Skip to content
04UX Designer

Making Premium discoverable without putting journalism behind a paywall

The Guardian needed to grow digital subscription revenue while maintaining its commitment to freely accessible journalism. As the sole designer embedded in the Revenue team, I redesigned the app's navigation to make Premium features easier to discover while balancing competing editorial, commercial and user priorities.

Revenue GrowthStakeholder AlignmentEvidence-Led Design
Role
UX Designer
Period
4 months
READ TIME
8 min
+17%
Click-through to Premium subscription
+4%
Premium subscriptions
1 month
Post-launch measurement window
Three Guardian app screens showing the Discover, home feed and Live premium features side by side
The brief

Growing revenue without closing off the news

The Guardian was exploring ways to build sustainable digital revenue while maintaining its commitment to keeping journalism freely accessible.

Premium was an early attempt to introduce paid digital experiences through the app. Users could subscribe for access to additional features including Live and Discover.

Premium conversion, however, was below expectations.

The business problem

How do we grow digital subscription revenue?

The design challenge

How might we make Premium more discoverable without compromising the core Guardian experience?

Navigation was identified as the intervention point. As the sole designer embedded in the Revenue team — working alongside Product, Engineering, Commercial/Subscriptions, Editorial and Data & Analytics — I owned the navigation redesign.

The discovery

Finding the problem hiding in plain sight

My initial heuristic review identified a specific discoverability problem. At the top of the existing app, Discover appeared to the left of The Guardian title and Live appeared to the right:

Existing navigation

Discover | The Guardian | Live

The Premium controls did not look sufficiently interactive. A user could read the three elements as a single masthead phrase — "Discover The Guardian Live" — rather than recognising Live and Discover as separate, tappable Premium destinations.

Annotated Guardian app screenshot showing the original masthead: Discover pill (left), The Guardian title (centre), Live pill (right), with a callout labelling them as premium paid features
The original navigation — 'Discover' and 'Live' as Premium feature pills either side of The Guardian masthead.
Hypothesis

If users don't recognise Live and Discover as interactive Premium features, they may never reach the point where they understand their value or consider subscribing.

Stakeholder alignment

One navigation, competing priorities

Navigation space had competing demands. I interviewed senior stakeholders to understand what each group believed the navigation needed to achieve.

StakeholderNavigation priority
EditorialGuardian journalism and sections appropriately represented
CommercialPremium features clearly visible and accessible
UsersA simple, understandable navigation model
EngineeringFeasibility within platform and timeline constraints
iOS & AndroidRespect for each platform's own conventions

Rather than allowing competing opinions to dictate the design, I converted recurring stakeholder concerns into a scoring framework — asking each group to rate the relative importance of these criteria before any concept was proposed.


Interactive Experience

You only have room for a few things.
What gets priority?

The navigation had to serve editorial, commercial and user needs at the same time. You can't give everything equal prominence.

Choose 3 items for the primary navigation.

Select 3 items above

✓ Priorities set

See how we resolved it.

Continue reading

The same tension — editorial, commercial and user needs competing for the same space — shaped every design decision in the navigation redesign.

Workshop

Designing the solution together

I ran a design workshop with Engineering, Creative Design and Commercial, structured around the discoverability hypothesis. The group ranked navigation features by importance and agreed on the primary journeys the new navigation would need to serve.

Workshop wall with sticky notes sorted into three columns headed Primary 1, Secondary 2 and Tertiary 3. Primary: News, Promote Primary Tier. Secondary: Topic Sections, Live, Discover, Crosswords, Search, Profile, Save for Later, Settings, Offline Download. Tertiary: Video, Podcasts, The Observer, Jobs.
Workshop prioritisation output — navigation features ranked into Primary, Secondary and Tertiary importance. Live and Discover landed in the Secondary column, behind News but ahead of utility features.
Sticky note headed Primary Journeys with hand-drawn flow diagrams: Home to Sections/Story to Article; Home to Article/Opinion; Article to Section Culture; with a note reading 'we don't do this'
The primary journeys agreed during the workshop.

Three directions emerged

The group split into teams to sketch their versions of The Guardian's future navigation. Three distinct concepts emerged from the session.

  1. Premium-first

    A top-navigation approach giving Live and Discover greater prominence — directly addressing the discoverability hypothesis identified in the heuristic review.

  2. Editorial-first

    A top-navigation approach exposing Guardian editorial sections — News, Opinion, Sport and Culture — as the primary navigation model.

  3. New navigation model

    A bottom-navigation approach with a central floating action button and clearer, dedicated access to Live and Discover as distinct destinations.

Hand-drawn phone sketch showing Live and Discover as a split two-column top navigation strip, with Latest, Premium and Profile in the bottom bar
Concept 1 — Live and Discover given prominent placement as a split top-navigation strip.
Hand-drawn phone sketch showing editorial sections — News, Opinion, Sports, Culture, Finance, Food, Travel — as a two-row horizontal top navigation, with Latest, Premium and Profile in the bottom bar
Concept 2 — editorial sections as the primary top navigation.
Hand-drawn phone sketch showing The Guardian home feed with a bottom navigation bar: Discover on the left, a central floating action button in the middle, and Live on the right
Concept 3 — bottom navigation with Discover, a central floating action button, and Live as distinct destinations.
Usability testing

Testing opinions against behaviour

The three concepts were wireframed and tested with six Guardian users. Participants rated each concept against four criteria: Usable, Desirable, Functional and Complementary.

Digital wireframe showing The Guardian with editorial section tabs — News, Opinion, Sport, Culture, Lifestyle — at the top and Discover and Live as footer-level text links
Concept wireframe tested — editorial section tabs at top, with Discover and Live accessible at footer level.
Digital wireframe showing The Guardian masthead and search bar at top, Live and Discover as a two-column navigation strip below, and Latest, Premium and Profile in a bottom navigation bar
Concept wireframe tested — The Guardian masthead with Live and Discover as a prominent top navigation strip, Latest, Premium and Profile in the bottom bar.
Digital wireframe showing The Guardian home feed with a bottom navigation bar: Discover left, central floating action button, Live right
Concept wireframe tested — bottom navigation placing Discover and Live as distinct destinations.
Printed usability-testing questionnaire with a 1-to-5 Likert scale asking participants to rate how well the navigation performed on four criteria: Usable, Desirable, Functional and Complementary
The evaluation form used in testing — participants rated each navigation concept 1–5 on Usable, Desirable, Functional and Complementary. The same criteria had been agreed with stakeholders before testing began.

Concept 3 emerged as the preferred direction. Users responded positively to Live and Discover and indicated that these areas felt new to them — because they had not previously discovered them at all. They also found the bottom navigation simpler and less cluttered.

The insight

Features that already existed felt new once people could actually discover them.

Evidence over opinion

When evidence challenged stakeholder preference

Some stakeholders had become attached to Concept 2 — the editorial-led direction — and questioned the validity of the testing when the results favoured a different approach.

Rather than arguing for the preferred solution, I presented recordings from the usability sessions in which Guardian users explained their preferences in their own words. This moved the discussion away from internal opinion and back towards customer evidence.

The approach

Bring the customer's voice into the room.

Delivery

From concepts to final navigation

Concept 3 established the direction, but we didn't simply ship it unchanged. The final navigation combined the strongest elements from all three concepts.

Implementation across iOS and Android required working through platform-specific constraints with engineering. Some interaction behaviours and journey flows were adjusted to fit each platform without changing the navigation hierarchy itself.

The original Guardian app masthead showing Discover pill left, The Guardian title centre, Live pill right — the before state
Before — Discover and Live positioned either side of The Guardian masthead, their interactivity easy to overlook.
Final shipped Live screen: dark red header with Live in large type, live news feed, and a bottom navigation bar showing Home, Discover and Live with a yellow floating action button
After — Live as a distinct destination in the bottom navigation, with a clear Premium subscription prompt.
Final shipped Discover screen: yellow header with Discover in large type, curated editorial content, Premium subscription CTA, and the same bottom navigation bar showing Home, Discover and Live
After — Discover as a distinct destination, with the bottom navigation placing Home, Discover and Live as clearly separate tabs.
The change
Before

Live and Discover sat in the masthead — easy to read as part of the header title rather than as tappable Premium features.

After

Live and Discover surfaced as distinct, unmistakably interactive destinations in the bottom navigation.

Outcome

One month after launch

Post-launch analytics showed a 17% increase in click-through from Live and Discover to the subscription page, and a 4% increase in Premium subscriptions.

+17%
Click-through from Live and Discover to the Premium subscription page
+4%
Premium subscriptions

The features hadn't changed. Their discoverability had.


Reflection

Navigation is a product decision, not just a design one

The Guardian project showed me that navigation — often treated as a structural detail — can be a direct lever for commercial outcomes. The Premium features were already there. Users simply weren't finding them.

What made the project work wasn't the visual design. It was the process: converting competing stakeholder opinions into a shared framework, testing concepts against real users, and using customer evidence to resolve disagreements rather than personal conviction.

I was the sole designer on the Revenue team, reporting to the Lead UX Designer. The process required input from every part of the organisation — Product, Engineering, Commercial/Subscriptions, Editorial and Data & Analytics. The shared scoring framework gave each group a stake in the outcome before any solution was on the table.

Want to work together?