Overview
Objectives
Impact
Introduction
What kind of product is it?
SO-NUTS is a mobile app to collect data on innitiatives of building new health habits.
It is a critical tool, delivering behavior change programs and collecting health data.
Problem
When Confusion Turns Into Data Loss
Older adults found the app confusing, lengthy, and unmotivating. Many dropped off before completing key activities, leaving researchers with incomplete and unreliable data. Without a fix, the study risked losing credibility and undermining its mission.
Initial Research
They Didn’t Just Need an App, They Needed Peace of Mind in Every Step
We ran interviews and contextual inquiries to see how the issues mentioned in previous studies are stopping the users from liking their experience.
Accessibility first
Where Accessibility Passed and Where It Failed
I looked into the suggestions provided by literature in the context of elderly & readability. Choosing the right font for the screen, the proper colors for backgrounds and texts, and their sizes were defined through this step.
Navigation Fix
Top bar navigation to switch between goals
A top bar navigation let them scroll through all activities, reducing confusion and keeping orientation clear throughout the flow.
Introducing an overview to activities screens
Flow Redesign
Cut redundant steps to speed up planning
I redesigned the goal-planning flow, removing repetitive and complex steps. The new streamlined structure reduced task time from 21 minutes to a faster, more flexible experience.
New Efficient Flow
Old Linear Flow
Visual Refresh
From outdated into vibrant, cohesive, and engaging
I introduced a fresh design system, playful patterns, and rich visuals to make the app feel modern, friendly, and easy to use.
Design Library
I brought coherency and style to the interface by the use of components that I designed. To stick to the industrial conventions, I used Google Material Design 3.
UI Kit
Developer Handoff
Vibrant Patterns
Comparing different patterns and colors and picking the right vibe for the application was a must due to the feedback of the testers, who called the interface boring and government-like.
Brainstorming on the visual patterns
Adding visuals
Lack of images or illustrations was one of the insights coming from our research phase. That made us believe we could benefit from communicating through images in a more pleasing way.
Introducing images to screens
Early Feedback
Users comments reflected improved aesthetics, readability, and usability
After preparing the figma prototype, I had it tested with more users and gathered insights and feedback.
Flexible Intake
Turned rigid intake forms into flexible, skippable steps
I redesigned the one-page, unpausable intake process into a progressive disclosure flow, giving users the freedom to skip, pause, and return later, reducing overwhelm and preventing drop-offs.
Old intake form
New diet intake form
Smarter Reminders
Made reminders intuitive with presets and full control.
I replaced the unconventional, confusing reminder setup with a more user-friendly design, offering pre-defined times for common daily events and the flexibility for users to fully customize their own schedules.
Old and new reminder screens
Missing the starting point
testing revealed a big shock, A homepage missing!
Adding a homepage
Pilot around Europe
Tool Successfully collected data on the health interventions
Real-world testing across multiple countries revealed how the app and the initiative itsself performed beyond controlled settings. Our clinicians team ran a pilot across Europe, continuously monitoring user behavior and gathering feedback. Ease of Use and Ease of Learning scored highest, confirming that users found the app simple to navigate. Usefulness received moderate scores, showing room for improvement, while Satisfaction scored lowest, highlighting opportunities to refine the overall experience.