Home›My work›MS Buddy

MSBUDDY: case study of a prescribable companion app for multiple sclerosis

A personal companion for people living with multiple sclerosis. Track symptoms,
train the body, and bring real progress to every doctor's visit.

Start a similar project Read the story ↓
Case study 02
MS Buddy · Case study Digital health · DiGA · iOS and Android
Active trackers for steps, stress and mood
Today dashboard with consistency, sleep, meditation, screen time, mood and energy
Goals marked as completed
✓Goal completed3 / 5 pain intensity
85%habits kept+6% this week
Industry+
Digital health01
Multiple sclerosis02
DiGA03
Project type▢
Mobile app01
Patient reports02
Design system03
Services✎
Product design01
UX writing02
Prototyping03
Essentials

Prescribed,
trusted, personal.

What a prescribable companion for MS has to prove before a neurologist recommends it, and what the design had to carry.

Certified medical device

A digital therapy specialists can prescribe, with costs covered by health insurance.

People start with a free, limited version and unlock the full programme with a DiGA code from their insurer. The design makes both paths feel complete.

Prescription code unlockGesundheitsID sign-inConsent before analyticsReports for the care team
Built with the MS community

Developed with the people who live with MS and the people who treat it, and examined in a clinical study.

People with MSMS expertsResearchersClinics
  • Development and operationrewoso
  • In cooperation withOST · Kliniken Valens
  • PlatformsiOS · Android
01 · Overview

One companion,
every day with MS.

MS Buddy is a DiGA: a digital companion for multiple sclerosis that specialists prescribe and health insurers pay for.

We designed the full journey, from the first question to the monthly report for the care team, so the daily part fits into a few calm minutes.

!The problem

The challenge

MS shows up differently in every body and on every day. Fatigue, pain, bladder problems and mobility change from week to week, and most of it happens between appointments, where nobody writes it down.

The app had to collect that daily picture without feeling like homework, and stay usable for someone who is tired, in pain or using a wheelchair.

One week with MSLowCalmEnergetic
MTWTFSS
Changes every day
  • Energy and fatigue
  • Pain and bladder
  • Mobility and hands
Had to stay steady
  • Five fixed tabs
  • Validated questionnaires
  • DiGA requirements
What we delivered

How we helped

We designed the complete product on one design system: a single primary colour, a friendly mascot called Buddy, and five tabs that never move.

Every flow reuses the same cards, scales and status colours, so a new tracker or training slots in without a new pattern.

5Fixed tabs
9Scale types
1Primary colour
  • Tailored onboarding
  • Prescription flow
  • Nine tracker scales
  • Goals with status colours
  • Guided trainings
  • Weekly energy calendar
  • Diaries and highlights
  • Monthly reports
01 · The outcome

What the design delivered.

A complete, clickable product: every patient screen and every inner state, from first launch to the monthly report a neurologist reads.

128screens designed

18 flows, every state, end to end

Onboarding and prescription · 39Feed and guided tour · 23Trackers and goals · 14Interventions and training · 33Calendar, diaries and care · 19
9

tracker scales, from percentage and yes/no to a colour-coded VAS

10

steps in the guided tour, so nobody is left guessing on day one

3

goal states (active, inactive, completed), each with its own colour

5

tabs in one bottom bar, with a single purple active state everywhere

A day with MS Buddy

Planned around energy, not the clock.

The day starts with a plan coloured by energy level, a reminder nudges a short exercise snack, training adapts as it runs, and the evening closes with a mood check.

Daily view with energy-coloured activitiesExercise snack opened from a push notificationTraining in progress, set 2 of 5Mood entry on the feed
☀4 activities plannedMonday 01
Continue your exercise snacks?34m ago
2/5Stay focused3:16 left in this set
☺Mood savedSee you tomorrow
02 · Inside the system

Four shared layers.
One calm companion.

01Everywhere

One navigation

Goals, Trackers, Feed, Interventions and More. Five tabs, always in the same place, one purple active state.

02Reused

Core components

Hexagon mood faces, sliders, cards and timers are built once and reused by every flow.

How are you feeling?

OkayOne tap logs the mood

03Tokens

Status colours

Purple means active, red inactive, green completed, orange a break. The same meaning on every screen.

ActiveInactiveDoneBreak
Organise your energy budgetActive
On going · 2/20 days
04Buddy

Guidance layer

Buddy, the hexagon mascot, explains features, fills empty states and celebrates finished trainings.

Welcome to MS Buddy1 / 10

A first-hand look at what the app offers you.

SkipNext
03 · How it connects

One feed,
every entry.

Every tracker, training, mood and diary entry lands on the feed as a honeycomb tile. A day of living with MS reads at a glance, and every tile opens its details.

☺Mood diaryFive faces, one tap
500StepsDaily, weekly, monthly
!StressStressed or no stress
✎Daily entryThoughts and photos
✓AssessmentQuality of life
☀Day ratingPleasant, okay, hard
7.4SleepHours per night
▶TrainingCompleted in 10 min
The MS Buddy feed as a honeycomb of daily entries
04 · Before the feed

Your journey,
on one page.

Right after setup, and before the Feed opens, one page maps the whole programme as a loop of six steps. Each step became a chapter of the app, and three of them wait for a prescription.

01

Capture your symptoms

✓The stepLog how MS shows up today.
FatiguePainMobility
Open from day oneChapter 01→
02

Set your goals

✓The stepWeekly targets with a clear status.
Weekly targetStatus colours
Needs a DiGA codeChapter 04→
03

Configure interventions

✓The stepPick days, times and exercises.
DaysTimesVideos
Needs a DiGA codeChapter 05→
04

Track your progress

✓The stepNine tracker scales, one chart.
9 scalesCompare two
Needs a DiGA codeChapter 03→
05

Capture again

✓The stepSee what changed since day one.
Same questionsChange over time
Open from day oneChapter 07→
06

Assess and report

✓The stepA monthly report for the care team.
Monthly PDFCare team
Open from day oneChapter 07→
Decision · One page, two states

The same map, before and after a code.

Locked steps stay on the page with a lock, so people see the whole programme from day one. A DiGA code opens every step, and "Get started" leads into the Feed.

3 lockedGoals, interventions, tracking3 openSymptoms, capture again, reports

Get started→Opens the Feed, with every unlocked step one tap away

Before a prescription
Journey page before a prescription
With a DiGA code
Journey page with every step unlocked
05 · How it connects

One system,
every step.

Getting started, daily care and staying on track are three journeys built from the same parts, so a person learns the app once.

Welcome to MS BuddyWhat are your symptoms?Do you use aids for locomotion?

Getting started

The daily feedTraining in progressTraining completed with rating

Daily care

Goals overviewWeekly steps compared with sleepGenerated reports

Staying on track

01Welcome02Symptoms03Mobility04Feed05Training06Rating07Goals08Trackers09Reports

Three journeys, one system. Steps advance in sync.

Chapter 01 · Onboarding

Set up in minutes, tailored from the first answer.

Clear consent, sign-in with email or GesundheitsID, then a short guided setup. Symptoms open into plain-language explanations, and a mobility slider adapts trainings for walking aids or a wheelchair.

  1. 1Welcome
  2. 2Consent
  3. 3Sign in
  4. 4Symptoms
  5. 5Mobility
Then the journey page
Data protection consent with two separate choices

Consent, one choice at a time

Symptom explained in plain languageSymptom checklist

Symptoms explained, not just listed

8symptom areasSleep, pain, fatigue…
No aids for locomotionWalking aids in some situationsDependent on a wheelchair

Mobility shapes every training

♿Wheelchair-readyTrainings adapt
Verify your email

Six digits, three honest states.

Empty, wrong and right each look different, and the resend timer tells people exactly when to try again.

Please enter your OTP

Verify
EmptyWrongRightDidn't get it? Resend in 00:56
Welcome

“I am your MS buddy.”

The first screens introduce a companion, not a medical tool, then say who built it and which clinics took part.

  1. 1Welcome“I am your MS buddy”
  2. 2Via the appBuilt with MS experts and clinics
  3. 3Account createdA confirmation link is on its way
Welcome to MS BuddyDeveloped with MS experts and clinicsAccount created successfully
Chapter 02 · Prescription

From a doctor's code to the full therapy.

People who already have a code redeem it in one step. Everyone else sees what they are missing, how to get a prescription, and can still start with a free limited version.

Activation · DiGA

Do you already have an activation code?

  1. 1
  2. 2
  3. 3
10-digit codeChecked instantlyCovered by insurance
Enter your DiGA codeIncorrect code messageFeatures unlocked successfullyStep 1, contact your doctorStep 2, submit the prescriptionStep 3, activate the code
Plans

Two plans, one honest comparison.

“Understand your MS” needs no prescription. The Digital Therapy Plan adds personalised therapy, covered by health insurance.

  • No prescription needed
  • Covered by insurance
  • Renewal shown in-app
Understand your MS planDigital Therapy PlanCurrent plan with renewal date
Locked, not hidden

Show the value before asking for a code.

Locked features stay visible behind a small lock, so the free version feels like a preview of the real programme.

  • Training videos
  • Outdoor activities
  • Limited mode to start
Locked training videos without a prescriptionLocked outdoor activitiesLocked featuresStart with limited functionality
Chapter 03 · Trackers

Any symptom,
on its own scale.

Steps, sleep, stress and mood come ready to use. Anything else can be built in seconds from nine scale types, and any two trackers can be compared on one chart.

Active trackersEvery tracker type in one list

Active trackers, a week at a glance

Stress+ Add record
MTWTFSS
Week avg3 / 5StressedNo stressUnfilled
Steps compared with sleep, weeklySteps compared with sleep, dailyChoose a tracker to compare

Compare steps with sleep or mood

3day streakGoal hit 3 days in a row
VAS scale tracker with a colour-coded axis

A VAS scale that reads like a feeling

Create new tracker

Nine scales. Pick one, see it.

Live previewUpdates as you pick
Percentage tracker85%

Share of a daily target, from 0 to 100%

MTWTFSS

Each scale draws its own week, so a yes/no tracker never pretends to be a percentage.

Chapter 04 · Goals

Goals that show their own status.

Every goal card carries a colour bar, this week against last week, and a link to the tracker behind it. Finished goals turn green, so success is visible from across the room.

⚑ Goal completed!20of 20 days
ActiveOn going, with this week against last
InactivePaused or still to configure
CompletedThe whole card turns green
Goals with active progress
All goals completedCoachmark explaining goal coloursCoachmark for goal status
One goal opened as a bar chart
Chapter 05 · Interventions and training

Training that
listens to the body.

Interventions are scheduled on a timeline, trainings play as video with sets and breaks, and every session ends with two questions. If it felt too easy, MS Buddy suggests harder exercises next time.

3:16Stay focused!
In progressBreakCompleted
Interventions timeline for today

A timeline for today

Training video in progressBreak between setsTraining completed

Sets, breaks, done

Detailed assessment after a workoutSuggested harder exercisesUndo a removed exercise

Too easy? Go harder.

Exercise snacks

Thirty seconds, from a notification.

A reminder opens straight into a short exercise with its own timer and videos. Nothing else to navigate.

  • 30 second goal
  • Timer and 3 videos
  • Opens from a reminder
Continue your exercise snacks?Open the app to stay on track.34m ago
Exercise snack ready to beginExercise snack runningExercise snack performed
Configure

People choose the days, the time and the order.

Weekdays, a start time, and exercises that can be reordered or swiped away. Then pick a playlist and start.

  • Pick weekdays
  • Set a start time
  • Reorder or swipe away
  • Playlists
Choose training days and timeChoose a playlistTrainings and exercise snacks
Chapter 06 · Calendar and diaries

Energy, planned
by the hour.

After each activity people rate how it felt: feeling low, calm or energetic. The weekly calendar turns those ratings into a map of good and hard hours, so the next week can be planned around them.

Edit energy level

How did it feel?

MoTuWeThFrSaSu6:009:0012:0015:00

3energetic activities this week, all before 13:00

Daily view with energy-coloured activities
Weekly view coloured by energyEdit an activity's energy level
Endurance training6:00 · Feeling low
Weekly walk5,000 steps · Energetic
Yoga and stretching9:00 · Calm
Diaries

The moments the numbers miss.

A title, a few lines and photos. Good days can be pinned as highlights, and any entry is one date away.

  • Write freelyTitle, text and photos
  • HighlightsPin the days worth keeping
  • Photos to 10 MBStraight from the phone
  • Find any dayA date in two taps
August 20259 entries · 4 highlights
MTWTFSS1112131415161718192021222324
EntryHighlightToday
Add a diary entry with a highlight
Pick a date to find an entry
A diary entry with photosEdit a diary entry
Monday, the park
+3 more
★Added as a highlight
Chapter 07 · Continuity of care

A month of progress,
in one report.

Patients generate a monthly report in the app: goals, trackers, activities and adherence, laid out for a neurologist to read in minutes and shared before the appointment.

Lara MaierMonthly report · March
Activities performed36↑ 10%
Total duration86minsMar 10 – 20
Goals4done4 ongoing
Planned activities done75%118 of 158
Most performed activityMorning Stretch
Inside every report
  • TrackersDaily averages
  • GoalsStatus and progress
  • ActivitiesDuration vs plan
  • CalendarPerformed or missed
Monthly report: goals with daily averages and status
Monthly report: activities with duration charts
Monthly report: activities calendar with completion rates
Reports list with generate and download
⇩Generate · DownloadShared before the visit
Notifications

Reminders from the app, prompts from the MS nurse.

Each kind has its own colour and tag, so a suggested appointment never gets lost between exercise reminders. Archive or swipe to delete.

Current notificationsSwipe to delete a notificationArchived notifications
Assessments

Questionnaires in plain words.

One question group at a time, with scales, choices and space to describe.

Quality of life assessmentAssessment with a free-text answer
Weekly review

Seven days, rated in one sheet.

Completed units, the training load and how the week felt.

Weekly review of completed units
More

A trusted person, one tap away.

Profile, reports, help and feedback, plus a person of trust who can follow along.

More menu with profile, reports and person of trust
Chapter 08 · Guidance

Buddy shows
the way, one step
at a time.

A nine-step tour points at each part of the app in turn, a highlighted icon and a short card each time, with Skip always one tap away.

Skip any timeThe tour never blocks the app
9screens1card each✓Skip on every step
  1. Welcome tour step
    01WelcomeA first-hand look at everything MS Buddy offers.
  2. Your feed tour step
    02Your feedMoods, daily entries and activities in one place.
  3. Help center tour step
    03Help centerHelp, FAQs and a line to the support team.
  4. Notifications tour step
    04NotificationsA red dot means something is still unread.
  5. Weekly calendar tour step
    05Weekly calendarWeekly and daily views of every activity.
  6. Goals tour step
    06GoalsCreate, manage and track personal goals.
  7. Trackers tour step
    07TrackersLog daily activities and wellbeing.
  8. Interventions tour step
    08InterventionsStructured activities that support progress.
  9. More tour step
    09MoreProfile, reports, a trusted person and help.
Under the hood · Design system

One system,
built to be calm.

A purple scale and four status colours with fixed meanings, Manrope for words and Inter for numbers, Vuesax line icons, and Material UI components restyled with MS Buddy tokens.

Colour7 purple steps · 4 status colours
Primary · Purple 1#7950ED
Buttons, active tab, progress
2#9A73F2
3#A8A5FF
4#BEBCFF
5#D3D2FF
6#E9E9FF
7#F4F3FF
ActiveOn going
CompletedGoal reached
BreakGet rested
InactiveNeeds setup
Type−2% letter spacing
Aa
Heading 1Manrope · 26/32 · Bold
Heading 4Manrope · 16/22 · Semibold
Paragraph 3Manrope · 14/20 · Medium
8,214 stepsInter · numbers
IconographyVuesax · Linear
HomeEssential · Linear
ComponentsMaterial UI, restyled
Start trainingSkip
Morning stretch
Enable reminders
How intense was it?
5
DailyWeeklyMonthly
Under the hood · Tech stack

Built on tools
a team can hire for.

Mainstream, well-supported technology that the manufacturer's own team can maintain and auditors can review without surprises. A request travels left to right: from the patient's phone to the EU data centre.

Clients01

Patient apps

iOS and Android, from one design system

FlutteriOS and AndroidDartReactweb viewsTypeScript
Application02

Secure API

Trackers, goals, prescriptions and reports

Node.jsREST APIsAudit loggingevery data accessGesundheitsIDfederated sign-in
Data03

Health records

Structured, exportable, interoperable

PostgreSQLencrypted at restHL7 FHIRstandard exports
Infrastructure04

EU hosting

Data stays in the European Union

AWS Frankfurteu-central-1Dockerreproducible builds
Security layerAcross every layer, built to BSI TR-03161
TLS 1.3in transitEncryptionat restTwo-factorsign-inPenetration testedbefore listingGesundheitsIDsign-in to TR-03161
What we took away
01

Design for the hard days.

Big targets, short sessions and a mobility setting mean the app still works when energy is at its lowest.

02

One meaning per colour.

Purple is active, green is done, orange is rest. People stop reading labels and start reading the screen.

03

Care continues after the app.

Reports, prescriptions and a trusted person are part of the therapy, so they got the same care as the screens.