UI / UX Design
Add-ons upsell on checkout
A strategic UX feature to increase add-on adoption by introducing product upsells during the subscription checkout flow.
Year :
2025
Industry :
FinTech
Client :
Qonto
Project Duration :
6 weeks
Problem :
The project targeted customers upgrading their pricing plans - a high-intent moment when users are already in a purchasing mindset - to showcase complementary add-ons like Accounts Payable, Account Receivable, and Expense & Supplier Management.
Business Problem:
Add-on adoption rates, particularly for Accounts Payable, were significantly underperforming against revenue targets. The company needed to find effective touchpoints to increase add-on visibility and conversion.
User Problem:
Primary hypothesis: Customers weren't aware of newly introduced add-ons and their existing entry points in the app.
Evidence: A survey of Small segment users (350+ respondents from FR and DE markets, Feb-Mar 2025) revealed that 71% of respondents hadn't heard about the AP add-on before, confirming a critical awareness gap.
Strategic Opportunity:
Rather than creating entirely new awareness channels, the team identified that ~460 customers per month were upgrading to team plans. This presented a strategic opportunity because:
Buying mindset: Users making a plan upgrade have already demonstrated willingness to pay more
Proven market practice: Checkout upsells are established in both physical retail (impulse purchases at checkout) and digital SaaS (Shopify, subscription services)
Reduced friction: All add-ons offered free trials, making the "add to cart" decision zero-cost
High-engagement moment: Users are focused and actively completing a transaction
Solution :
Leveraging AI-Assisted Design:
During the exploration phase, the team utilized Lovable to rapidly prototype and evaluate different checkout upsell patterns. The AI-assisted design tool generated multiple solution approaches, and after evaluation, the team decided to proceed with Lovable's suggested approach. This significantly accelerated the discovery phase, reducing the time typically needed for concept exploration and validation. This allowed the team to move more quickly into detailed design and engineering.
Design Approach:
The solution was structured as two implementation slices to manage complexity:
Slice 1 - Checkout Restructuring (UI-only changes)
Simplified the checkout layout into two columns by consolidating information
Removed redundant elements (extra options, trial checklist)
Added clear "Plan" and "Add-on" section headers
Prepared the structure for add-on integration
Slice 2 - Add-on Upsell Integration
Introduced a new list of eligible add-ons directly on the checkout screen
Displayed free trial badges to reduce purchase friction
Enabled toggle-based selection for quick add-to-cart actions
More Projects
UI / UX Design
Add-ons upsell on checkout
A strategic UX feature to increase add-on adoption by introducing product upsells during the subscription checkout flow.
Year :
2025
Industry :
FinTech
Client :
Qonto
Project Duration :
6 weeks
Problem :
The project targeted customers upgrading their pricing plans - a high-intent moment when users are already in a purchasing mindset - to showcase complementary add-ons like Accounts Payable, Account Receivable, and Expense & Supplier Management.
Business Problem:
Add-on adoption rates, particularly for Accounts Payable, were significantly underperforming against revenue targets. The company needed to find effective touchpoints to increase add-on visibility and conversion.
User Problem:
Primary hypothesis: Customers weren't aware of newly introduced add-ons and their existing entry points in the app.
Evidence: A survey of Small segment users (350+ respondents from FR and DE markets, Feb-Mar 2025) revealed that 71% of respondents hadn't heard about the AP add-on before, confirming a critical awareness gap.
Strategic Opportunity:
Rather than creating entirely new awareness channels, the team identified that ~460 customers per month were upgrading to team plans. This presented a strategic opportunity because:
Buying mindset: Users making a plan upgrade have already demonstrated willingness to pay more
Proven market practice: Checkout upsells are established in both physical retail (impulse purchases at checkout) and digital SaaS (Shopify, subscription services)
Reduced friction: All add-ons offered free trials, making the "add to cart" decision zero-cost
High-engagement moment: Users are focused and actively completing a transaction
Solution :
Leveraging AI-Assisted Design:
During the exploration phase, the team utilized Lovable to rapidly prototype and evaluate different checkout upsell patterns. The AI-assisted design tool generated multiple solution approaches, and after evaluation, the team decided to proceed with Lovable's suggested approach. This significantly accelerated the discovery phase, reducing the time typically needed for concept exploration and validation. This allowed the team to move more quickly into detailed design and engineering.
Design Approach:
The solution was structured as two implementation slices to manage complexity:
Slice 1 - Checkout Restructuring (UI-only changes)
Simplified the checkout layout into two columns by consolidating information
Removed redundant elements (extra options, trial checklist)
Added clear "Plan" and "Add-on" section headers
Prepared the structure for add-on integration
Slice 2 - Add-on Upsell Integration
Introduced a new list of eligible add-ons directly on the checkout screen
Displayed free trial badges to reduce purchase friction
Enabled toggle-based selection for quick add-to-cart actions
More Projects
UI / UX Design
Add-ons upsell on checkout
A strategic UX feature to increase add-on adoption by introducing product upsells during the subscription checkout flow.
Year :
2025
Industry :
FinTech
Client :
Qonto
Project Duration :
6 weeks
Problem :
The project targeted customers upgrading their pricing plans - a high-intent moment when users are already in a purchasing mindset - to showcase complementary add-ons like Accounts Payable, Account Receivable, and Expense & Supplier Management.
Business Problem:
Add-on adoption rates, particularly for Accounts Payable, were significantly underperforming against revenue targets. The company needed to find effective touchpoints to increase add-on visibility and conversion.
User Problem:
Primary hypothesis: Customers weren't aware of newly introduced add-ons and their existing entry points in the app.
Evidence: A survey of Small segment users (350+ respondents from FR and DE markets, Feb-Mar 2025) revealed that 71% of respondents hadn't heard about the AP add-on before, confirming a critical awareness gap.
Strategic Opportunity:
Rather than creating entirely new awareness channels, the team identified that ~460 customers per month were upgrading to team plans. This presented a strategic opportunity because:
Buying mindset: Users making a plan upgrade have already demonstrated willingness to pay more
Proven market practice: Checkout upsells are established in both physical retail (impulse purchases at checkout) and digital SaaS (Shopify, subscription services)
Reduced friction: All add-ons offered free trials, making the "add to cart" decision zero-cost
High-engagement moment: Users are focused and actively completing a transaction
Solution :
Leveraging AI-Assisted Design:
During the exploration phase, the team utilized Lovable to rapidly prototype and evaluate different checkout upsell patterns. The AI-assisted design tool generated multiple solution approaches, and after evaluation, the team decided to proceed with Lovable's suggested approach. This significantly accelerated the discovery phase, reducing the time typically needed for concept exploration and validation. This allowed the team to move more quickly into detailed design and engineering.
Design Approach:
The solution was structured as two implementation slices to manage complexity:
Slice 1 - Checkout Restructuring (UI-only changes)
Simplified the checkout layout into two columns by consolidating information
Removed redundant elements (extra options, trial checklist)
Added clear "Plan" and "Add-on" section headers
Prepared the structure for add-on integration
Slice 2 - Add-on Upsell Integration
Introduced a new list of eligible add-ons directly on the checkout screen
Displayed free trial badges to reduce purchase friction
Enabled toggle-based selection for quick add-to-cart actions