Case 01 / 06MediaConversionUX architecture

Unifying subscription conversion across a multi-brand media ecosystem.

13 brands. No shared architecture. Every change required coordinating teams nobody had authority over.

ABC Premium on mobile — login, subscription store and article paywall held in hand
Period
2022 — 2026ongoing
Client
VocentoSpain’s largest media group
Role
Lead Product Designer & UX Engineer
Core team
1 UX/UI · 2 developers · PM · PO · Growth
In one line
A behavioral conversion system at the intersection of UX architecture, product design and engineering.
Scope
13 brands · 3 editorial ecosystems · multi-device · millions of MAUs
01 — The challenge

A revenue-generating system nobody could safely touch.

Vocento operates 13 news brands across three editorial groups. Each brand had built its own subscription experience by adapting components from other brands in the same group — then adapting those adaptations. The result was fragmented code, inconsistent UX patterns, and conversion funnels that nobody fully understood or could safely modify. Every change required coordinating multiple development teams. Every experiment risked breaking adjacent brands. The subscription model was generating revenue despite itself — not because of any coherent system.

Fragmented multi-brand subscription ecosystem before unification
Three editorial ecosystems. Thirteen brands. Zero shared architecture.
“Every team knew the funnel was broken. Nobody had the authority — or the architecture — to fix it without risking what was already working.”
02 — The diagnosis · 10,000+ users tested

A coordination problem manifesting as a UX problem.

Before redesigning anything, we instrumented the funnel: continuous A/B experimentation across brands. Three forces were quietly breaking it.

Viability

Business

Subscription growth stagnated despite strong traffic. Mobile conversion was critically low. Launching a new offer required weeks of dev coordination.

Desirability

User

Decision paralysis from poorly structured plans. Long, confusing login, registration and checkout. Value framed as a transaction, not a premium experience.

Feasibility

System

No shared conversion framework. Components reused informally without contracts. No two brands measured the same thing.

Three friction points accounted for nearly all the drop-off — the same pattern across all 13 brands: the paywall (too many options), registration (too many fields) and checkout (too many steps).

Subscription funnel map — paywall, registration and checkout friction points
3 critical friction points · Paywall → Registration → Checkout
Winning behavioral insight

“Less than a coffee a day.”

Older audiences weren’t converting on mobile because monthly pricing felt like a lump-sum commitment. Anchoring the subscription to a familiar daily habit was the highest-performing intervention in the entire test program — across all 13 brands.

03 — The decision

We could have redesigned 13 stores. We didn’t.

The fragmentation was architectural, not visual. Thirteen redesigns would have produced thirteen new inconsistencies within 18 months. The constraint: the solution had to deploy across all brands without any brand team needing to understand the full system. Consistency had to be structural, not enforced.

Ruled out

Thirteen independent redesigns

The same fragmentation under a new visual layer — a guaranteed regression within two product cycles.

Ruled out

A centrally enforced design system

No authority to enforce it. It would die on first contact with a regional launch week.

Committed to

A shared conversion architecture

Shared modules, data contracts and a single conversion logic — adopted because it was easier to use than building independently.

04 — The system

Four principles governed every decision.

PrincipleProblemImplementationImpact
Decision simplificationToo many combinations created decision paralysis.Bundles reduced to 3 core tiers; a clear primary path; one dominant CTA per surface.Users understand the offer and decide faster.
Visual hierarchyAttention had no anchor.Recommended plan highlighted; structured pricing; dominant primary actions.Users find the best option without scanning the whole page.
Choice architectureOptions weren’t structured to support the decision.Recommended plan pre-emphasized; monthly entry plus annual upgrade; side-by-side comparison.Choice overload reduced.
ScannabilityValue proposition not visible at a glance.Lower text density; offer grouping; bullet-point benefits.Users evaluate the subscription in seconds, not minutes.

From fragmented offers to a unified 3-tier architecture.

ABC subscription store before — fragmented product combinations
Before · decision friction
Simplified three-tier subscription store after redesign
After · +15% conversion
Previous subscription tier architecture diagram
Old model · no hierarchy
Unified three-tier subscription architecture model
New model · a guided decision
Tier 1BasicEssential digital journalism.
Tier 2PremiumInvestigative reporting, archives, subscriber benefits.
Tier 3ABC + regional editionPremium plus a regional newspaper subscription.

One architecture, thirteen brands.

One shared core. Local customization at the surface.

El Correo · Diario Vasco · Diario Montañés · El Comercio · La Rioja · Las Provincias · El Norte de Castilla · Hoy · Sur · Ideal · La Verdad

Regional newspaper partners in the ABC plus regional bundle
Vocento multi-brand media ecosystem on one subscription platform
The ecosystem on one subscription platform.

Three entry points, one conversion logic.

Bottom subscription banner on an ABC article
01 · Persistent trigger

Banner bottom

Always visible while reading; collapses on scroll.
  • PatternSame offer structure as the paywall; consistent pricing and framing.
  • EntryA single offer with direct access to the store.
ABC paywall with three subscription options
02 · Decision moment

Paywall

Recommended offer highlighted; monthly entry, annual as the upgrade.
  • ClarityOne dominant CTA; clear price comparison.
  • UrgencyCountdown timer, time-limited framing.
Subscription pop-up with a single offer
03 · High-attention moment

Pop-up

A single offer with minimal complexity.
  • UrgencyOptional countdown, scarcity framing.
  • ActionOne CTA, straight to the store. No intermediate steps.

From product catalog to guided decision.

The store was the highest-intent surface and the highest drop-off point. Every element was tied to a decision-theory reference, so each choice could be defended in front of 13 brand teams.

Subscription store before the redesign
Before
Subscription store after the redesign with anchored pricing
After · +35% CTR
Learning

The store stopped being a product catalog and started being a guided decision — the highest-performing conversion surface in the system.

Reducing friction at the moment of highest intent.

Progressive disclosure: baby steps plus a progress indicator, on desktop and mobile.

Desktop checkout in progressive steps
Mobile checkout in progressive steps
Checkout KPIs
KPIBeforeAfterReading
Total volume (ABC + Media)118,380 · Jun 2023149,493+31,113 net subscribers from checkout friction reduction · Feb 2025
ABC volume39,11554,461+39.2% growth driven by simplified payment flows
ARPU (Media)€110.27 · Jun 2024€110.64Premium value maintained despite high-volume acquisition
Monthly churn (Media)5.11%4.35%Net reduction in post-sale friction
Monthly churn (ABC)4.07%3.10%−23.8% abandonment after the checkout redesign
Billing churn (Group)3.72% · 20233.63%Stabilized across the group · 2024

One funnel for 13 brands: article → store → login → checkout → activation.

Seven buyer personas per brand modulated the emotional messaging while the framework stayed consistent.

Desktop — unified subscription funnel: article, store, login, checkout, activation
Desktop · full funnel
Mobile — unified subscription funnel: article, store, login, checkout, activation
Mobile · full funnel
05 — The scale problem

Designing for 13 teams you don’t control.

Adoption couldn’t be mandated. The documentation wasn’t peripheral to the work. It was the work. A component without a usage contract is just a suggestion.

Adoption

Easier than building independently

Reusable modules, shared tokens and pre-wired tracking.

Contracts

Usage rules, not suggestions

Inputs, constraints and tracking events per component. Documentation defined what could vary.

Measurement

Instrumented by default

A unified tracking layer made experiments comparable across brands from day one.

06 — Results

Numbers that changed the business model.

Mobile conversion rate4×From 12% to 48%. Mobile was where most users arrived and where most left.
80%Mobile registration, up from 15%.
+35%CTA click-through: anchored pricing, clear tier hierarchy.
+15%Subscription growth YoY, sustained across all 13 brands.
+31,113Net subscribers from checkout friction reduction (Jun 2023 → Feb 2025).
Campaign build time6 weeks5 days
Build vs strategy90 / 1020 / 80
A/B tests per month115
Brief to live3 weeks5 days
07 — Reflection

The user is not just the subscriber.

It’s also every team that has to implement your decisions without you in the room. The highest-leverage work wasn’t the interaction design. It was the constraint definition: deciding what could vary across brands and what couldn’t. That single decision shaped everything that came after.

“Systems don’t fail because of design quality. They fail because the teams implementing them don’t understand the decisions behind them.”
What I’d do differently

Invest earlier in local adoption champions within each brand team. That knowledge transfer was the bottleneck — not the component quality.

Next case · 02 / 06 Evolok Design infrastructure for 12 brands

Projects

Open feed ↗
  1. 01 Vocento Case
  2. 02 CCN-CERT · ANA Case
  3. 03 Abhir · album launch Web
  4. 04 ULTRASWAN · wallpaper generator Case
  5. 05 Le Toy Factory Brand
  6. 06 Rusia IDK Editorial
  7. 07 Junciera Jiné Case
  8. 08 Sidertia Case
Me · Madrid—
You · ——

Open to new projects Product design, engineering and sound — end to end. Madrid · remote · hybrid · select projects
On rotation · 01 / 04 0:00 / 0:00
The beginning of the beginning Sam Gold

Contact

Book a call ↗
Start a conversation in