JU Design


Hi there,
I’m Ju Wen Cheng







02 Wellio
A Personal Wellness Companion  
DEC 2024 - 
Present


00000000
0
Project
Overview



000000
  Introduction  
Helping people build healthy habits that feel good, not forced.
Wellio blends warm microcopy, flexible interactions, and light-touch AI insights to make daily wellness feel personal and sustainable.
My Role: UX Research · UI/Interaction · Design System · UX Writing · Strategy · Brandin
Problem Most wellness apps lose users quickly because they feel demanding, data-heavy, and impersonal.Solution A warmer, more flexible experience that supports small daily actions through:
• Empathetic tone
• Adaptive, choice-based interaction paths
• Subtle AI personalisation to surface what matters
Designed to help users build habits that last.

Goals 1. Reduce cognitive and emotional load in daily logging
2. Personalise tools and content based on evolving user needs
3. Support habit continuity through small, confidence-building wins

Challenge “What if a wellness app felt more like a supportive companion than a tracker?”


000000
 Early Signals & Strategic Value  

Early walkthroughs showed clear promise:
• Small clarity fixes boosted confidence and reduced hesitation.
• Light-touch AI surfaced what mattered without adding pressure.
• Supportive tone encouraged users to return and stay engaged.


Together, these signals point to a warmer, high-trust experience that supports long-term habit continuity.

See full Strategic Analysis
Early Feedback SnapshotUsers completed key tasks smoothly and felt reassured by clearer labels and a more supportive tone.



How AI SupportsLightweight grading, summaries, and tailored suggestions enhanced understanding without cognitive load.


Potential Business ValueSupportive guidance strengthens habit retention, deepens trust, and opens opportunities for wellness partnerships.



11111111
1
Understanding
the Product & User

00000011111111
  Competitor Review  
Reviewed 6 wellness apps across nutrition, mental health, and coaching to identify gaps.

See full breakdown of strengths and weaknesses


Key opportunities

00000011111111
  About Users  
6 semi-structured interviews (ages 20–45)
Most tried health tracking but stopped after 1–2 months.

See full breakdown of user interviews



Pain Points → Opportunities
Overwhelming → flexible, gradual setup
Chore-like → positive tone, small wins
Impersonal → AI journaling + supportive messages
Raw data → simple insights + actions
Forget to engage → personalised nudges

Persona



Emily, 32, wants simple, reassuring wellness tools she can return to daily.

Problem Statement
Emily needs a personalised, supportive way to track wellness because most apps feel demanding and disengaging.



The Challenge
2
Design
Solutions

22222222
  Design Goals  
Enhance Efficiency Simple logging + shortcuts    
Personalisation
Adaptive tools + preferences
Motivation through Emotion
Friendly tone + AI suggestions

22222222
  Information Architecture  
The system is organised into four connected spaces:
Well Today · Well Me · Well Know · Well Forum

A flexible structure reduces cognitive load, allowing users to explore, reflect, or connect at their own pace.


22222222
  Key Flows  
Onboarding Flow Optional, calming, goal-based

Positioning Well Today as a personalised daily hub helps users build sustainable routines.




Core Experience Flows Reflect / Explore / Connect

After onboarding, users engage through three key pillars:
Reflect (Well Me), Explore (Well Know), and Connect (Well Forum).

Well Today acts as the home base, where users can pin tools or surface saved content to continue routines at any time.




22222222
  Wireframes Overview  
A structured wireframe set covering Wellio’s core functions: logging, learning, and community engagement. These wireframes formed the foundation for initial usability testing.

User Journey Overview
1 Onboard
2 Home to Check In (Well Today)
2.1 Reflect (Well Me) /
2.2 Connect (Well Forum) /

2.3 Explore (Well Know)

Log In (Meals, Body, Mood)
View Lo-Fi Prototype



1 Onboarding
Setting context and focus
Users start with a calm, optional onboarding that tailors their experience to personal goals and motivation.
1 Welcome
2 Choose Focus
3 Motivation
4Setup Complet
e

2 Home:
Well Today
Daily personalised hub
Acts as the user’s home base: combining key tools, daily stats, and gentle encouragement to maintain routines.
5–7  Personalised Greeting · Daily Tips · Pinned Tools
8–9 Suggested Content · Community Ca
rd



2.1 Reflect: Well Me View trends and progress
Helps users see patterns and celebrate small wins through daily, weekly, and monthly summaries.
10–12 Daily Stats · Goal Progress · Learning Streaks  
13
Trend Overview


2.2 Connect: Well Forum
Build light-touch connections
A safe, low-effort space for sharing reflections and learning from others’ experiences.
14–16 Prompt · Community posts · User Shares


2.3 Explore: Well Know
Learn and grow through guidance
Offers bite-sized articles and AI-suggested reads based on each user’s habits and goals.
17 Today’s Fresh
18–19 Article View · Topic Feed
20–21 In-Depth Focus · Save / React



3 Log In: Meals, Body, Mood
Capture what matters easily
Users can log meals, health data, and moods through flexible methods: typing, selection, or quick photo scan.
22 Add Breakfast
23 Nutrition Breakdown
24 Health Data Log
25 Photo Record
26 Saved Items




22222222
  Brand & Design System  
Brand Expression Bringing emotional warmth and clarity into digital form

Illustration, photography, and type treatments convey Wellio’s encouraging, joyful tone of voice.
The visual system builds an approachable, notebook-inspired world that helps users feel supported and in control of their wellness journey.

See full brand system


Design System Custom icons, bright palettes, and soft typography enhance approachability while maintaining functional clarity.

A flexible, mobile-first UI library translating brand values into clear and consistent interaction design.

See full design system


View Full Design System



33333333
3
Usability Testing
& Iteration

000000
  About Testing  
Overview
5 remote participants tested the low-fidelity prototype.
Key tasks: logging breakfast, adding favourites, viewing stats, and exploring content.
Findings and insights directly informed the high-fidelity iteration.


See full testing details

(Includes five tester records with observations, feedback, and recommendations.)
Key Findings
1. Navigation lacked continuity
2. Important actions were not easily discoverable
3. Missing confirmations caused uncertainty

To guide iteration, findings were grouped into prioritised fixes (P0 / P1 / P2) to steer redesign focus.


See full prioritised fixes details



000000
  Targeted Improvements  
Each fix aimed to improve clarity, flow, and emotional support, leading to a cleaner, more intuitive experience through subtle AI guidance and visual clarity.


Well Today (Home)
Problem Found
1. Users didn’t notice the screen could scroll
2. AI icon meaning unclear
3. Customisation icon ambiguous

Design Fix
1. Added clear scroll cues
2. Introduced brief AI health tips
3. Clarified customisation icon                                            




Well Me (Dashboard) Problem Found
1. AI and nutrition insights unclear
2. Unclear what each panel represented or how it functioned

Design Fix
1. Highlighted AI and added an insight button
2. Added chips to preview panel categories



Well Know (Content Hub) Problem Found
1. Content felt disconnected from user
Design Fix
1. Added “Your Focus / Your Goals” labels and AI-suggested content for better personal relevance




Well Forum  (Community) Problem Found
1. Low relevance and engagement
Design Fix
1. Linked discussions to user goals and recent logs to increase relevance and participation




Breakfast Log Problem Found
1. No feedback when item added
2. AI unclear

Design Fix
1. Added confirmation message after item is added
2. Added concise AI guidance message                          




Photo Log Problem Found
1. Button unclear
2. Nutrition-grade scan ambiguous

Design Fix
1. Added labelled buttons for clarity
2. Introduced grade icon with tooltip for easier understanding




Nutritional Insights Problem Found
1. Favourite icon unclear
2. Hard to tell if food was healthy
3. “Done” button hidden

Design Fix
1. Added tooltip and saved-state feedback
2. Introduced a simple nutritional rating label
3. Renamed “Done” to “Log This Food” and made it a floating action button for continuous visibility

Body Measurements
Problem Found
4. Date unclear
5. Summary tone too neutral

Design Fix
4. Added clearer grouping and visible date
5. Introduced friendly AI summary for positive reinforcement





Navigation Flow Problem Found
1. Hard to return or switch between sections
2. AI assistant was passive
Design Fix
1. Added global bottom navigation
2. Enabled AI nudges to link directly to relevant tasks



000000
  Final Outcomes  
High-fidelity iteration focused on smoother daily routines and positive reinforcement.
View Final Prototype


Screens


The Challenge
4
Going
Forward

000000
 Key Learnings  
1  Real users reveal real gaps
Early feedback surfaced blind spots: unclear icons, missing confirmations, and confusion around AI cues.


2  Micro-frictions shape confidence
Even small hesitations (e.g., “Is this saved?”) influenced trust. Clear micro-interactions mattered more than expected.

3  Personalisation needs structure
Users liked choice, but only when guided. A light framework made customisation feel supportive, not overwhelming.


4  AI tone must be human
Participants preferred insights that felt simple, friendly, and emotionally aware, especially in wellbeing contexts.



000000
 Behavioural Insights  

The following behaviour patterns were observed across testing sessions. These insights informed the design tweaks made in the next iteration:
Users needed clearer ‘way back’ paths
Several weren’t sure how to return to Well Today or switch sections smoothly.
Icons without labels caused hesitation
Participants paused at buttons like “AI” or “Favourite”, unsure what they meant.

Raw data rarely led to action
Stats alone didn’t motivate behaviour: users wanted summaries, nudges, or small suggestions.

Customisation tools went unnoticed
Personalisation existed, but wasn’t always recognised without better visibility or grouping.

Instant feedback increased confidence
Small reassurances, ticks, toasts, shadows, helped users feel more “on track”.



000000
 Final Reflection  
This self-initiated project means a lot to me, both personally and professionally. I’ve always believed wellness design should feel personal, supportive, and accessible, and through Wellio I explored how tone, structure, and careful interaction design can reduce friction and make daily wellbeing feel more human.

Coming from a visual design background, going through the full UX process: research → testing → iteration, expanded how I think about product design. It wasn’t perfect, but it pushed me to grow in both craft and mindset. I’m proud of how far I’ve come, and excited to keep building, not just better design, but more meaningful experiences that genuinely support people.


Future Improvements Clear next steps that show product thinking and a roadmap mindset.
Iterate & Test • Refine remaining Priority 2 issues
• Run a second round of usability testing
• Improve navigation clarity + AI flows

Collaborate
• Seek senior UX/Product design critique
• Validate AI summaries with real users
• Explore co-creation or mentorship

Community Growth • Add prompts, Q&A, and lightweight events
• Explore new content formats (GPS logs, streaks, wellness trivia)

Partnerships • Collaborate with health brands for giveaways or challenges
• Build reward-based streak systems tied to goals




The Challenge
5
Second
Iteration
(Updating)

000000
 Second Iteration Highlights  
Softer onboarding Editable AI tips Improved icon cues Forum prompts Visual content focus