Weight Loss Program Teaser Page

Background

Most marketing surveys are designed to be as short as possible to minimize drop-off. We took the opposite approach: a 21-page, four-stage progressive questionnaire designed to filter for high-intent users. Anyone willing to complete the full flow is inherently more interested in the weight loss program and more likely to convert, rather than optimizing purely for completion volume.

As the sole designer on this project, I led the design end-to-end, working closely with PM, engineering, and a health educator, and independently pulled and analyzed the GA funnel data behind this case study.

Problem exploration

Research Method: Task Walkthrough + Think-Aloud

To understand how new users actually behave, not just what they say in interviews, we ran a face-to-face task walkthrough with 3 users across different age groups (ages 56–59).

Each participant completed the full journey from downloading the app through onboarding to their first visit to the Dashboard, while thinking aloud. We recorded their exact tap paths and verbal reactions at each screen.

What we observed?

Tester 01 (56, F) :
Skipped past the first onboarding slide without reading it, saying she assumed there was "probably nothing wrong with her health." She tapped through the confirmation step without registering what it meant, and later admitted she didn't know how to get back once she'd entered a settings screen. She never noticed the tooltip guiding her to log her first entry.
Tester 02 (59, M):
Dismissed the onboarding content entirely — skipping permissions and registration screens by tapping "agree" without reading. He could describe what the app was for in the abstract ("it can analyze my health data"), but had no idea what action to take once he reached the Dashboard.
Tester 03 (59, M) :
Was the only one to question the flow directly, asking out loud, "Is my data still there? Why isn't what I just entered showing up?" — revealing a trust gap between user input and visible feedback.

Shared pattern: all three participants tapped past the same black tooltip meant to guide them toward logging their first diary entry. None of them registered it as something to act on.

From Insight to Decision

This walkthrough told us something an interview alone couldn't: users weren't rejecting the guidance because they disagreed with it — they simply didn't perceive passive tooltips as actionable. That insight directly shaped our first design move: replacing the passive tooltip with an active, persistent Beginner's Card on the Dashboard — a task-based UI element users have to engage with, rather than one they can visually skip past.

Key Issue

Across all three walkthroughs, the same problem kept surfacing: users land on the Dashboard with no clear signal for what to do first.

No clear starting point — no obvious first action to take.
"No data" reads as broken, not empty — echoing Tester 03's exact concern: "Is my data still there?"

To design for this gap, we first needed to understand who these users are and what's stopping them from taking action.

Study and Solutions

Who Are We Designing For？

Based on previous user interviews and our analysis of users who registered but did not record diary entries, we are creating two primary user personas as representatives. These personas will assist me in defining design strategies.

Knowing that Persona 1 needs clear direction while Persona 2 resists being guided, we looked at how other diabetes-management apps balance this same tension during onboarding.

I researched the diabetes competitor market to understand how they layout the user experience after new users landing on the homepage, identifying the strengths and weaknesses. This will help me determine which experience layout will better suitable for our diabetes users.

The three competitors confirmed the exact tension we anticipated. One Drop and Glucose Buddy use mandatory guidance to ensure new users understand key features, but risk users abandoning the flow, or the app entirely, if it feels forced. 糖糖圈, on the other hand, lets users explore freely, but leaves those who need help feeling lost.

This mirrors Persona 1 and Persona 2's opposing needs. That's why we chose a middle path: a persistent but non-blocking Beginner's Card on the Dashboard, giving users the choice of when to engage rather than forcing them through a fixed sequence.

Design Strategy

Goals

Phase 1 Experience Goal : Implement activation journey to all users.
Phase 2 Advanced : Implement personalized activation journey by diseases.

Opportunities

In a goal-oriented approach, I use SiteMap to plan the layout and conduct experience walkthroughs of the product's registration process in order to gain a deeper understanding of user touchpoints and needs. This helps assess the scenario when new users first landing our product, identifying potential issues, bottlenecks, or improvement in the user experience to achieve the goal.

➊ Guiding new users to add at least 1 record.

a. Beginner’s card

Before: In our task walkthrough, all three users tapped past the tooltip guiding them to log their first entry — none of them perceived it as something to act on.

The information layer sits between the Slider and Dashboard Card. The Slider aims to establish trust with new users as the first step in building trust. Below, the Dashboard Card emphasizes the importance of users recognizing the functions of diary logging and statistics, which is a further consideration for new users. Therefore, prior to these, we aim to guide new users in understanding the most important features: diary logging, day marking confirmation, and feedback from the diabetes support chat room.

b. Enhance clarity in the "add diary" process

Before: The Dashboard Card originally displayed "尚無資料" (no data), which Tester 03 read as a system error — asking "is my data still there?" — rather than an invitation to start logging.

To improve clarity, adjust the Dashboard Card from "尚無資料" to “尚未紀錄”or ”開始記錄第一筆“.
This change will better communicate the user's current status and avoid confusion about data import.

In the Navigation, all functions appear at the same hierarchical level.
Highlighting "新增日記" emphasizes the app's key value action to users and makes it easier for them to find the feature.

c. Enhancing User Engagement through Aha Moments in Homecard Page

Before: The empty Homecard gave users no reason to believe logging data would be valuable — there was nothing to visualize, so the benefit stayed abstract.

In the homecard Page, we display an Empty Status with numerical analysis to help users visualize the analytics after 'recording diary entries.
This moment allows users to experience the "Aha moment" of the value of diary recording. Strengthening guidance at this juncture encourages users to start recording diaries, thereby increasing their chances of achieving their goals.

➋ Designing for Persona 2: users who resist being guided.

a. Enhancing User Onboarding with Animation and Task Limitation

a-1:

Guidance comes in many forms, and discuss to PM and team the decision-making, we've opted for subtle yet noticeable animations to reduce user resistance and increase their willingness to proceed step by step.

a-2:

Users need motivation, so we use Lottie animations to help new users feel accomplished after completing a task.

The goal is to encourage them to complete each of the three tasks thoroughly and gain a better understanding of the app onboarding process.

a-3:

We limit task guidance to a maximum of three, primarily considering user patience.

👉 Refer to Design deliverable

Design Outcomes

Hero Illustration

Place the hero illustration in the most prominent area of the Goal Page and Routine Page to grab attention and highlight the purpose of each page.

Rapid Usability test

To improve the new user registration experience, we tested three typical users. We focused on:

The registration guidance process.
Completing three tasks.
The ease of completing tasks.

After testing, we discussed the results and created a report. We identified key insights and prioritized them to enhance our design assumptions.

Findings & Optimizations

👍 The parts that align with the design strategy

Users feel comfortable with the "beginner's guide" task card, which helps them understand what they need to do and successfully complete diary entries.
Users clearly understand the main functions of the app: diary recording and analysis.
Bubble and toast animations effectively catch the attention of Users and guide them successfully.
The addition of visual elements on the "goal setting page" enhances the explanation of its purpose, encouraging users to scroll down and view their goals.

🔧 Optimizations

Adjust the timing for displaying Bubbles and Toast to appear only when users click on the Beginner's Card task, which is more user-friendly for those who prefer autonomous exploration.
Users found the task "查看智抗糖小幫手" unclear in its purpose, so it has been renamed to "認識智抗糖夥伴".

Performance

Task Completion Funnel

More than half of new users tried at least 1 task:
- 85.25% tried "log data"
- 16.03% tried "learn about H2 chatroom"
- 7.77% completed all 3 tasks
- Only 34% of users who tried "log data" actually created their first diary that day

Before / After Comparison

First diary on registration day: 18.65% → 25.21% (+35%)
- Reached H2 chatroom on registration day: 17.72% → 18.84% (+6%)
- Recorded >2 diaries in the 1st month: 24.23% → 26.37% (+8%)

The funnel below shows the full breakdown behind the first-diary completion rate:

What's Next

Encourage more new users to try to do the 3 beginner’s tasks.
Even though 85% of users tapped “log data,” only 34% finished it. We aim to raise that to over 50%.
The more diaries users log, the more engaged they become. We need to guide them to keep recording more entries to improve retention.