Jingzhi.
Calorie Tracking App Onboarding Optimization cover Featured
TL;DR A/B TestingConversion Optimization

Calorie Tracking App Onboarding Optimization

A data-driven onboarding redesign that reversed user drop-offs and increased core conversion rates by 23%.

The Problem

Users were dropping off during the onboarding of the Arc7 wellness app. We had a low completion rate (58.7%) against a benchmark of 65-70%, and an underperforming start trial rate (6.5%) against a 7.5% benchmark.

The Result

+23%

Increase in Start Trial Rate

up from 6.5% pre-launch

My Role

Lead Product Designer

Timeline

Q2–Q3 2024

Team

PM 1 Product Manager
Engineering 1 iOS Engineer
Data 1 Data Analyst

Company

Eightpoint

The Solution

Final high-fidelity design

Welcome

01 Welcome

Social Proof

02 Social Proof

Biological Sex

03 Biological Sex

Age

04 Age

Height

05 Height

Goals

06 Goals

Current Weight

07 Current Weight

Ideal Weight

08 Ideal Weight

Goal Timeline

09 Goal Timeline

Activity Level

10 Activity Level

Your Name

11 Your Name

You're All Set!

12 You're All Set!

Premium Pitch

13 Premium Pitch

The final 13-screen onboarding flow — informed by usability research and strategic A/B testings.


Deep dives

The Problem

Arc7’s onboarding was bleeding users, but fixing it wasn’t as simple as just “making it shorter”. The redesign needed to:

  • Drastically reduce the drop-off rate on complex data-entry screens
  • Balance the business hypothesis of a “fast” funnel against the users’ psychological need for a “thorough” health assessment
  • Ship iteratively so Engineering and PMs could measure the exact impact of sequence changes via rigorous A/B testing
Add screenshot

My optimization strategy was twofold. First, I prioritized the low-hanging fruit first: resolving immediate usability bottlenecks. Once the baseline was stabilized, I turned to a larger data-driven hypothesis that our onboarding was simply too long and set up rigorous user testing to verify if length was actually the problem.


Design Audits: The Lower-Hanging Fruit

To kick off the optimization process, I started by conducting a comprehensive design audit (including a cognitive walkthrough) on the current flow to fix existing usability issues . Fixing usability issues is often the lowest-hanging fruit to optimize the conversion rate before making larger structural changes. By tracking data, I pinpointed pages with high jump-out rates and abnormal Page Visit to Unique Visit (PV/UV) ratios .

The Example - Diet Type Page

The “Diet Type” page is a perfect example of how I found and fixed these issues. Data tracking showed it had a highly disproportionate PV/UV ratio of around 138%, indicating severe usability blocks . A cognitive walkthrough revealed a heavy visual load caused by a pie chart that acted as a placeholder rather than providing useful information, and a structure that contradicted the user’s mental model.

The solution

I removed the pie chart to reduce visual load and restructured the page layout . I then adopted a flow of: Diet Type -> Pre-set Macronutrient Goal -> Detailed Percentage, better aligning with users’ behaviors.

Before redesign

← Before

Heavy visual load — pie chart acts as placeholder, structure contradicts user mental model

9:41

Your Preferred Diet Type

  • 🍏Balanced
  • 🥩Keto
  • 🥦Vegetarian
  • 🐟Mediterranean
  • 🥕Vegan
  • 🥑Paleo

All diet information can be found here

Your Preferred Diet Type

🍏 Balanced

Here are macronutrient goals based on the recommended diet type

Carbs 1,000g 50%
Protein 1,000g 25%
Fat 1,000g 25%

*% based on recommended daily values for this diet

Your Preferred Diet Type

🍽️ Customized
Total Macronutrient 100%
Carbs 1,000g 40%
Protein 1,000g 30%
Fat 1,000g 30%

*% based on recommended daily values for this diet

After →

✦ Working prototype — tap a tile to explore the redesigned flow


Validating Assumptions Via Usability Testing

I initially assumed the onboarding was too long. However, during 30-minute think-aloud usability testing sessions with 3 power users and 3 novice users, I discovered a discrepancy between user perceptions and data-informed assumptions. 5 out of 6 users felt the length was appropriate, anticipating an extended process for a diet app.

This discrepancy prompted me to initiate A/B testings with a revised version. This approach will help us determine the optimal length for OB without the influence of usability issues.

Add screenshot

The Strategic A/B Testing Phase

Test 1 - About Onboarding Length

To determine the optimal length for the onboarding process, I designed a multi-variant A/B test comparing three distinct flows.

  • Group A (8 pages) was a heavily streamlined flow inspired by a competitive analysis of top-performing diet apps on the market.
  • Group B (13 pages) was a balanced flow directly informed by our qualitative usability testing, which revealed that users wanted more customization to ensure a personalized health plan.
  • Group C (25 pages) served as our control, retaining the original length for baseline comparison.
Group A — 8 pages

Heavily streamlined flow inspired by competitive analysis of top-performing diet apps.

1 / 3

Group B won the testing. After 3 weeks testing, there were no significant differences between Group A and Group B in terms of OB completion, but Group B won the total conversion rate with 7.94%

Add screenshot

Test 2 - About Premium Pitch Placement

With the optimal onboarding length established, my next focus was maximizing the start trial rate by determining the most effective placement for the premium pitch.

  • The Control group kept the premium pitch at the very end of the flow, operating on the hypothesis that allowing users to fully customize their health plans first would build investment and increase their intent to upgrade .
  • Conversely, the Test group positioned the premium pitch immediately as the second screen. The rationale here was to prioritize visibility, ensuring a larger portion of users were exposed to the offer early on before any natural drop-off could occur .
Control — Pitch at the end

Premium pitch appears at the very end of the flow, after users have fully customized their health plan.

1 / 2

Surprisingly, the Control group (pitching at the very end of the onboarding) won with an 8.13% conversion rate, compared to 6.99% for the Test group which pitched it early. Users needed to feel their plan was fully customized before they had the intent to upgrade.

Add screenshot

Final Design

Onboarding

We concluded that extending the Onboarding (OB) slightly with additional input options would enhance conversion rate of starting trial for premium plan. The final 13-screen flow balances personalization depth with a streamlined experience informed by our A/B test findings.

Welcome

01 Welcome

Social Proof

02 Social Proof

Biological Sex

03 Biological Sex

Age

04 Age

Height

05 Height

Goals

06 Goals

Current Weight

07 Current Weight

Ideal Weight

08 Ideal Weight

Goal Timeline

09 Goal Timeline

Activity Level

10 Activity Level

Your Name

11 Your Name

You're All Set!

12 You're All Set!

Premium Pitch

13 Premium Pitch

In-App

The remaining information collection will be moved to post-Onboarding, supported by a pop-up encouraging users to provide these details for a more personalized health plan.

Add screenshot

Impact

+23%

Start Trial Rate

↑ from 6.5% pre-launch

+14

Onboarding Completion Rate

↑ from 58%

+20%

Start Paid Rate

in P1

8%

Core Conversion Rate

14% above benchmark

Reflection

Looking back

I learned that reducing steps isn't always a panacea. Achieving the optimal balance between UX objectives and business objectives requires validating assumptions with data. Furthermore, time is valuable; cross-functional collaboration must be driven by clear goals and purpose to be effective.

← Back to all work View live project ↗