Making daily complexity feel manageable.
Phil was developed specifically for France, bringing the many decisions involved in managing Type 2 diabetes into one connected experience without adding to the burden of daily care.
01 / Product Design / Healthcare
Roche Phil
A clearer way to manage Type 2 diabetes.
Phil brings nutrition, meal planning, activity, connected glucose meters and health reporting into one digital health experience.
- Role
- Product Design Lead / Design Director
- Client
- Roche
- Platform
- iOS / Android
- Scope
- UX / UI / Research / Prototyping / Systems
Developed for
Released on iOS + Android
0
Installs
0.0★
App rating
0
Annual recipe views
01 / Challenge
02 / Approach
Research, structure, then simplify.
Interviews with patients, dietitians and healthcare providers established a consistent direction: make the product easy to understand, trustworthy in tone and useful in the small decisions of everyday life.
Research & insights
Patient and provider interviews, paired with behavioral event mapping, helped identify moments of uncertainty, information overload and friction across daily diabetes management.
Clinical nutrition mapping
I worked with clinical and nutrition teams to translate diabetes guidance into a data model, mapping how each health context should increase, reduce or preserve specific nutrients and food groups.
Flows & prototypes
I mapped product flows, built prototypes and tested them directly with patients before moving into high-fidelity UI.
Scalable patterns
The final design system needed to flex across nutrition, activity, glucose and reporting without making each feature feel like a separate product.
From intent to a completed meal
01 / DISCOVER
02 / PLAN
03 / SHOP + COOK
04 / LEARN
Choose a path
Primary journeyShopping rulesOptional toolReturn to Home
01DISCOVER
STARTHomeFind the right meal for this moment.
↓
02PLAN
COMMITAdd to planChoose date, servings and reminder.
↓
ORGANIZEMeal planReview the week and make changes.
03SHOP + COOK
PREPAREShopping listMerge ingredients and check items.
USE PLANNED ITEMorSUBSTITUTE
GUIDED ACTIONCook modeOne clear step at a time.
SUPPORTING TOOL · PRODUCT SCAN
04LEARN
OPTIONAL CONTEXTGlucose checkConnect the meal to its effect.
↓
COMPLETEMeal loggedSave progress and update Home.
RETURN TO HOME↻
03 / Systems
Making the experience scale.
The product architecture and relevance model turned individual features into one connected system, with a shared home, context and priorities that adapt to the person.
One home, four product zones
Personal home
One feed surfaces what matters now.
PROFILE + BEHAVIOR + TIME
Choose the next useful card
goalsrecent activityprogress
Eat
Recipes · meal plans · shopping
Learn
Articles · quizzes · guidance
Track
Glucose · activity · progress
Act
Journal · scanner · quick tasks
COMPLETED ACTION→updated context→new Home priority↻
Home is the front door. Product areas do the work. Each completed action updates what Home shows next.
routes into
Featured recipe
Tips + tasks
Resume meal
Challenge
Health insight
Monthly progress
HOME FEEDBACK LOOPbehavior→updated context→new priority↻
System 03 / PersonalizationFrom fixed order to conditional relevance
RELEVANCE ENGINEContext in.
Priority out.Content stays the same.
Its order adapts.
Priority out.Content stays the same.
Its order adapts.
RANKED FOR YOU
- 1Meal planningHigh relevance
- 2ActivityUseful now
- 3ArticleSupporting
- 4QuizExplore later
04 / Experience
Get to relevance quickly.
A card-based onboarding flow replaced long forms with conversational steps, clear progress and focused inputs. The experience gathered only the information needed to personalize the product, helping users reach useful content without setup fatigue.
01 / 09
Welcome to Phil
One question at a time
Turn nutrition guidance into everyday decisions.
Recipes adapt ingredients, portions and nutrition values to each health profile. Meals move directly into planning and shopping, creating a practical path from recommendation to action rather than stopping at inspiration.
Rethinking glucose meter setup.
Connecting a glucose meter sounds simple. In practice, it was one of the most confusing moments in the experience. The existing instructions made sense from the device's point of view, not necessarily the user's.
User actionSystem stateRecovery
Select the meter
The user chooses Accu-Chek Mobile or Guide.
Prepare adapter
Find serial, attach adapter and power on.
Enable pairing
Open wireless settings and enter pairing mode.
Find the device
Phil searches for nearby compatible meters.
Confirm identity
Match the serial number or enter the PIN.
Pair + import
The first reading confirms a successful connection.
IF DISCOVERY OR VERIFICATION FAILS
A / EXPLAIN
B / RESOLVE
C / RETURN
Show what happened
Keep the selected meter and preserve progress.
Troubleshoot
Check power, pairing state or reset.
Retry discovery
Return to step 03, not the beginning.
One shared path, with one device-specific preparation step.When something fails, the user resolves it and returns directly to discovery.
THE PHYSICAL PRODUCT CHANGED, TOO
The digital experience changed the physical one.
The revised flow worked well enough that Roche updated the printed instructions included with the glucose meter to better align with the experience we had designed. What started as an interface problem became a clearer way to explain the product itself.
Turn every reading into a useful care record.
A connected Type 2 diabetes workflow moved data from the meter into a journal people could understand, then translated patterns into HbA1c history and a report ready to share with a care team.
Make patterns visible over time.
The journal walkthrough shows how individual readings become a useful history, giving people clearer context for daily decisions and care conversations.
Turn movement into momentum.
The pedometer was more than a step counter. It introduced a new behavior, negotiated health-data permissions, translated movement into a simple daily goal and provided a clear recovery path when the connection broke.
Today0steps
Daily goal
0 steps
Progress that is visible at a glance, without creating another dense health dashboard.
01 / MotivationCelebrate the signal.
A completed ring and a restrained moment of celebration reward progress without gamifying health.
02 / ControlGoals stay personal.
Suggested targets provide a useful starting point, while the user remains in control of the number.
03 / ReliabilityRecovery is part of the product.
Settings and troubleshooting turn a fragile OS-level connection into a guided, recoverable flow.
One character.
Many jobs.
Phil was designed as a calm, capable companion who could explain, encourage and occasionally bring levity to a clinical experience. The character flexed from quiet utility to expressive storytelling without competing with the task.
LineHumanColorPurposefulToneReassuring
01 / PRODUCT JOURNEYPhil changes jobs as the user moves from understanding to action.
02 / SCALE SYSTEMOne visual language, from full-body scenes to small interface cues.
Phil introduces new health concepts before the interface asks for a decision.
Props turn abstract guidance into cooking, testing, planning and scanning.
Expression acknowledges uncertainty, errors and recovery without adding alarm.
Small gestures and purposeful color reward momentum while the task stays primary.
05 / Impact
A unified health experience that could scale.
Phil brought recipes, shopping, activity and glucose tracking into one connected experience, giving patients a product they could use with confidence while maintaining the precision clinicians needed.
For patients
Clearer daily guidance, connected data and less friction between planning, action and understanding.
For Roche
A scalable design foundation for expanding digital health services while maintaining consistency and clinical trust.
06 / Reference
“Scott’s dual strength, product leadership combined with design excellence, makes him uniquely effective in his role.”Vikram Natarajan
Director / Head of PMO, Innit
REX
↗