Dana Pinto
โ† Back to work
Yotpo ยท 2023

Onboarding Redesign

Role

Lead Designer, supported by a junior designer.
Worked alongside a rotating group of three product managers and five developers.

Low-touch users struggled with initial setup, resulting in delayed activation. The shortest path to value meant rethinking onboarding from the ground up.

Context

Yotpo primarily serves mid-market companies with dedicated Customer Success Managers. To broaden its user base, Yotpo started targeting low-touch users, alongside its core clientele, focusing this initiative on the Yotpo-UGC product, which enables merchants to collect and leverage user-generated content.

The problem

Although the onboarding had a high conversion rate, a deeper analysis revealed several underlying issues:

1. Users skipped important activation steps just to reach the product as quickly as possible.
2. The onboarding experience was outdated and no longer reflected the product's evolving capabilities, misguiding users about its core functionality.
3. Low-touch users, in particular, struggled with the initial setup and integration process, resulting in delayed activation and lower product adoption.

ACTIVATION FUNNEL
2,907
2,835
Steepest drop-off
2,061
2,033
Step 1
Sign up
Step 2
Email setup
Step 3
Widget install
Viewed
B2B page
ONBOARDING CVR
69.9%
Highest churn
Step 3 โ€” widget install
ACTIVE-USER FUNNEL
2,392
2,356
1,688
1,668
ACTIVE 2 USERS
255
Step 1
Sign up
Step 2
Email setup
Step 3
Widget install
Viewed
B2B page
Milestone
Active 2
CVR to Active 2 in 30 days
10.7%
* Active 2 is the minimal activity milestone a user must get to to be considered as a quality active user.
WIDGET ACTIVATION
25%
USERS WITH LIVE WIDGET WITHIN 7 DAYS
25%

Goals & KPIs

Primary

  • Activate and customize the product's core features - measured by activation rate.
  • Take users on the shortest path to value - measured by time to value.

Secondary

  • Increasing quality engagement. 
  • Reduce churn.
  • Decreasing dependency on Customer Success Managers.

UX research

What makes a great onboarding?

Competitor and best-practice research pointed to three principles that became this project's core values:

Engaging
The onboarding is the first impression
of the product, so it needs to be an
easy, engaging experience.
Focused
Give users a sense of accomplishment, by focusing each step on a single, uncomplecated, task.
Valuable
Motivate users to continue by showing value at every step.

User research

The main persona was low-touch users going through onboarding themselves. We built on low-touch personas that had been previously defined as part of a broader research initiative I led, allowing us to focus this research on onboarding-specific behaviors and pain points.

Internal research also revealed a second audience: Customer Onboarding Managers, who would benefit from a self-served flow that enables merchants to complete the initial setup independently.

๐Ÿ‘ค

Low-touch users

Merchants onboarding on their own, typically without support.

๐ŸŽฏ GOALS
  • Getting reviews live on site ASAP
  • Set up the product and let it run with minimal maintenance
  • Complete setup without assistance
๐Ÿ˜ค PAIN POINTS
  • Missed important information 
  • Don't understand the past-orders feature
  • Hard to visualize the outcome
  • Complex widget installation
๐Ÿ’ผ

Onboarding managers

Internal team members helping merchants set up successfully.

๐ŸŽฏ GOALS
  • Scale onboarding without increasing manual effort
  • Help merchants reach activation faster
  • Ensure merchants configure the product correctly
๐Ÿ˜ค PAIN POINTS
  • Limited support for non-Shopify users
  • No representation of the merchant's product catalog
  • Hard to visualize the outcome

The challenges

How might we give users the confidence to start sending review request emails at this point?

How might we encourage users to install the widget before they see results?

How might we balance delightful steps with technical ones, while keeping a consistent experience with the wider platform?

Design process

Focus on the Review Request Email The existing design didn't use the product's new capabilities, offered no way to upload a logo before sending branded emails, and had unclear settings that left users unsure of the outcome of their opt-in choices. First iteration Added more capability to a single email-design step โ€” but testing surfaced new issues: too many actions crammed into one step, users asked to start sending before feeling invested in the email, and still not enough clarity around opt-in settings. The decision Split the review-request flow into three focused steps. Adding steps ran counter to the instinct to simplify, but as long as the flow stayed aligned with the core values, more steps made the experience stronger, not weaker. The decision Split the review-request flow into three focused steps. Adding steps ran counter to the instinct to simplify, but as long as the flow stayed aligned with the core values, more steps made the experience stronger, not weaker. The decision Split the review-request flow into three focused steps. Adding steps ran counter to the instinct to simplify, but as long as the flow stayed aligned with the core values, more steps made the experience stronger, not weaker.
Design process screen Review request email, first iteration Final three-step flow Final three-step flow Final three-step flow

Final design

{{ shot.alt }}

Outcome

10.7%โ†’18%Activation rate increase
62%Of users completed onboarding
the same day
โ†“Reduced drop-off rate in the widget installation step

Key learnings

  1. 1. Don't be afraid to add steps.As long as the flow works as a whole and follows your core UX values.
  2. 2. Cross-team collaboration is the job.Integrating the needs and feedback of different teams and stakeholders shaped the final flow as much as the research did.
  3. 3. Prototypes change your approach.Building a working prototype surfaced problems โ€” and better directions โ€” that static mocks didn't.
โ† AI Reviews Summary The Freemium Experience โ†’
Enlarged view