Post Purchase Offer Experience 2.0

POST PURCHASE OFFER EXPERIENCE 2.0

Post Purchase Offer Experience 2.0

Enhanced post-purchase offers to expand choice and boost value

Condé Nast

Info

The post-purchase offer (PPO) experience is the moment right after a customer completes their subscription purchase when they're presented with additional offers- like being asked if you want to add fries with your burger. At Condé Nast, where subscribers engage with premium brands like Vogue, The New Yorker, AD and Wired, there was a strong opportunity to expand this experience. However, up until now, the MarTech subscription checkout flow for Conde brands only showed a single post-purchase offer, limiting choice and revenue potential.


This project aimed to introduce multiple tailored offers, giving users more options to enhance their subscriptions across brands, increasing take rates and average order value.

Results

  • Upsell conversion rate increased by 23% - from 6% baseline to 7.36%

  • Average upfront revenue per user grew 7% - from $21 (H1 2024) to $22.47 (H1 2025)

Duration

4 months

Scope

Design, prototyping, User research, Design systems, Technical specs, Cross team collaboration

Credits

Sonakshi Sharma, Marcella Maltese, Krishna Priya U, Shweta Gupta, Adam Lifshitz, Cedric Mascarenhas, Pooja Doshi

What’s Holding Back Our Post-Purchase Offers?

01/12

01/12

The original PPO experience had UX issues, lacked alignment with our updated checkout design, and presented users with only one limited offer - hardly inspiring engagement. The average take rate across all Conde Nast brands was just 6%, signalling a huge upside waiting to be tapped.

Our goal was to expand the PPO, creating a cleaner, more compelling experience that transforms this pivotal moment into a valuable growth driver.

The original PPO experience had UX issues, lacked alignment with our updated checkout design, and presented users with only one limited offer - hardly inspiring engagement. The average take rate across all Conde Nast brands was just 6%, signalling a huge upside waiting to be tapped.

Our goal was to expand the PPO, creating a cleaner, more compelling experience that transforms this pivotal moment into a valuable growth driver.

The original PPO experience had UX issues, lacked alignment with our updated checkout design, and presented users with only one limited offer - hardly inspiring engagement. The average take rate across all Conde Nast brands was just 6%, signalling a huge upside waiting to be tapped.

Our goal was to expand the PPO, creating a cleaner, more compelling experience that transforms this pivotal moment into a valuable growth driver.

Insights That Set Our Course

02/12

02/12

To inform our redesign, we conducted thorough benchmarking of ecommerce, booking, and digital publication companies to understand layout patterns, copy strategies, and key information for post-purchase offers.

Card Design Sandbox

03/12

The PPO card design was the cornerstone of our entire system, requiring thoughtful iteration to create designs that work seamlessly for both upsell offers (nudging users to upgrade their current subscription) and cross-sell opportunities (promoting subscriptions to other Conde Nast brands). These cards also needed to flex for future expansion into merchandise and event tickets while staying responsive across all devices.

01 Media & Branding

Experimented with image ratios, logo placements, and creative ways to showcase bundles, ensuring visual consistency while each brand’s personality shined through.

01 Media & Branding

Experimented with image ratios, logo placements, and creative ways to showcase bundles, ensuring visual consistency while each brand’s personality shined through.

01 Media & Branding

Experimented with image ratios, logo placements, and creative ways to showcase bundles, ensuring visual consistency while each brand’s personality shined through.

02 Selection Method

From checkboxes to "Add to Order" buttons and + icons, we explored various interaction method to make multi-offer selection feel natural and intuitive.

02 Selection Method

From checkboxes to "Add to Order" buttons and + icons, we explored various interaction method to make multi-offer selection feel natural and intuitive.

02 Selection Method

From checkboxes to "Add to Order" buttons and + icons, we explored various interaction method to make multi-offer selection feel natural and intuitive.

03 information hierarchy

Focused on balancing pricing, cadence, legal copy, and benefits to create clear information flows that let users instantly grasp the value without overwhleming fine print.

03 information hierarchy

Focused on balancing pricing, cadence, legal copy, and benefits to create clear information flows that let users instantly grasp the value without overwhleming fine print.

03 information hierarchy

Focused on balancing pricing, cadence, legal copy, and benefits to create clear information flows that let users instantly grasp the value without overwhleming fine print.

Final Card Design

Card Design explorations

User Flow Iterations

04/12

User Flow 01

All Offers on One Page
Pros

✓ Users can compare all options together

✓ One button lets users decline all offers instantly

✓ Highlighted top offer guides attention while keeping choices accessible

CONS

X Too much content can overwhelm users, especially on mobile

X Secondary offers can get lost in the crowd

User Flow 02

Upsell → Next Page Cross-Sell

User Flow 03

Upsell → Cross-sell on Bottom Sheet

User Flow 04

Upsell → Cross-sell on Order confirmation

User Flow 01

All Offers on One Page
Pros

✓ Users can compare all options together

✓ One button lets users decline all offers instantly

✓ Highlighted top offer guides attention while keeping choices accessible

CONS

X Too much content can overwhelm users, especially on mobile

X Secondary offers can get lost in the crowd

User Flow 02

Upsell → Next Page Cross-Sell

User Flow 03

Upsell → Cross-sell on Bottom Sheet

User Flow 04

Upsell → Cross-sell on Order confirmation

User Flow 01

All Offers on One Page
Pros

✓ Users can compare all options together

✓ One button lets users decline all offers instantly

✓ Highlighted top offer guides attention while keeping choices accessible

CONS

X Too much content can overwhelm users, especially on mobile

X Secondary offers can get lost in the crowd

User Flow 02

Upsell → Next Page Cross-Sell

User Flow 03

Upsell → Cross-sell on Bottom Sheet

User Flow 04

Upsell → Cross-sell on Order confirmation
When All Roads Lead to User Flow 4

05/12

05/12

This was where everything clicked through cross-functional collaboration. The intersection of the below insights made user flow 4 the clear winner.

Engineering constraints:

• Upsells and cross-sells need to be separate transactions due to technical requirements

  • Upsells and cross-sells need to be separate transactions due to technical requirements

Marketing insights:

• Existing upsell offers were performing well so wanted to maintain a spotlight position for maximum impact

• Didn't want offers fighting for attention or compromising proven conversion rates

  • Existing upsell offers were performing well so wanted to maintain a spotlight position for maximum impact

  • Didn't want offers fighting for attention or compromising proven conversion rates

Data findings:

68% scroll depth on order confirmation showed strong user engagement

18S median time spent provided sufficient window for additional offers

  • 68% scroll depth on order confirmation showed strong user engagement

  • 18S median time spent provided sufficient window for additional offers

What the User Research Revealed

06/12

06/12

We put our Flow 4 design to the test with 16 real users to validate our approach and identify areas for improvement.

Methodology

• Participants: 16

• Platform: usertesting.com

• Study method: Unmoderated online testing

• User Type: Existing and potential subscriber of Vogue from USA

• Participants: 16

• Platform: usertesting.com

• Study method: Unmoderated online testing

• User Type: Existing and potential subscriber of Vogue from USA

  • Participants: 16

  • Platform: usertesting.com

  • Study method: Unmoderated online testing

  • User Type: Existing and potential subscriber of Vogue from USA

What worked

  • Single offer placement simplified choices

  • Clear opt-out options built trust

  • Clear pricing and terms helped users commit

  • Attractive visuals and benefits boosted interest

What worked

  • Single offer placement simplified choices

  • Clear opt-out options built trust

  • Clear pricing and terms helped users commit

  • Attractive visuals and benefits boosted interest

What worked

  • Single offer placement simplified choices

  • Clear opt-out options built trust

  • Clear pricing and terms helped users commit

  • Attractive visuals and benefits boosted interest

What didn't worked

  • Cross-sells disrupted flow

  • FAB buttons lacked visibility

  • Too many offers confused users

  • Order confirmation lacked clarity of total price summaries

What didn't worked

  • Cross-sells disrupted flow

  • FAB buttons lacked visibility

  • Too many offers confused users

  • Order confirmation lacked clarity of total price summaries

What didn't worked

  • Cross-sells disrupted flow

  • FAB buttons lacked visibility

  • Too many offers confused users

  • Order confirmation lacked clarity of total price summaries

user expectations

  • Visible and clear price totals

  • Users want control over cross-sell bottom sheet

  • Personalized offers

  • Preferred exploring their main subscription first

user expectations

  • Visible and clear price totals

  • Users want control over cross-sell bottom sheet

  • Personalized offers

  • Preferred exploring their main subscription first

user expectations

  • Visible and clear price totals

  • Users want control over cross-sell bottom sheet

  • Personalized offers

  • Preferred exploring their main subscription first

Pivoting with Purpose

07/12

The user testing revealed two critical flaws: users found the auto-triggered bottom sheet intrusive while the FAB button remained virtually invisible.

We pivoted to a user-controlled banner on the order confirmation page to explore cross-sell offers. Working with the creative team, we outlined clear requirements for a solution that felt natural and inviting rather than aggressive, focusing on bringing delight and value through the banner experience while putting users back in control of their journey.

Designing at Scale- Brandless Architecture

08/12

08/12

Delivering designs across multiple brands required a systematic approach. Using Condé Nast's design system Verso, we built scalable, brand-agnostic templates where brand identities are applied through mapped tokens. This brandless architecture ensures consistency while allowing efficient scaling across Conde Nast's brands without rebuilding from scratch.

Live PPO

09/12

Launched on Wired, Architectural Digest, Epicurious and Bon Appétit in February 2025!

Results and Road Ahead

10

10/12

Data from the launch between February and April looks promising, showing positive trends, but there is still significant room for growth. Looking ahead, we're exploring expanding the PPO system to support merchandise and event tickets- offerings that provide tangible benefits beyond digital subscriptions.

+0%

+0%

+0%

Upsell conversion rate increased

+0%

+0%

+0%

Average upfront revenue per user grew

Key Takeaways from the Journey

11

11/12

  1. This project deepened my understanding of how collaboration drives design success. Clear communication and adaptability with engineering and marketing expanded my perspective and challenged assumptions. My greatest growth came from listening, adapting quickly, and becoming comfortable with change as a constant in design.


  2. User research reveals what internal teams can't see. Early testing prevents costly assumptions and ensures solutions actually work for real people.

A Toast to the Team!

12

12/12

Presenting this work at Demo Spectrum, Conde Nast Bengaluru’s company-wide showcase where teams share their most impactful projects, was an incredible moment. Collaborating and creating with Sonakshi and Krishna throughout this journey, seeing it live and sharing our work in front of the entire organization, made this project truly special! ♡

More projects

Create a free website with Framer, the website builder loved by startups, designers and agencies.