Patient-first health robot

Designing an intuitive interface for a medical companion built for elders

Role

Lead Product Designer

Responsabilites

User research, UX strategy, UI design, client management, developer handoff

Scope

End-to-end design (research, flows, high fidelity UI, development)

Duration

4 months

Tools

User research, interviews Figma

Results

Research, UI kit and ready-to-develop digital experience

Homedoctor is a Spain based health-tech startup founded by doctors with the goal of bringing professional medical care into the home.

Context

Their product ecosystem, the MedBot, combines a connected device capable of taking key vitals (blood pressure, oxygen saturation, ECG, temperature, auscultation, BMI) with a digital service for live doctor consultations and preventive care content.

What was at stake?

How can we design a UI for tech-averse elderly users, helping them trust a device they’ve never used, and encouraging them to replace physical doctor visits with virtual ones?

The interface needed to make complex medical tasks feel simple, safe, and human. All while working on limited hardware and supporting future multi-language expansion.

The solution

We designed a medical companion device interface that feels human, intuitive, and safe for elders with little to no tech experience.

It uses tactile depth (neumorphism), haptic feedback, and clearly labeled actions to make complex health measurements simple and trustworthy. Every flow, whether taking vitals or connecting with a doctor, was reduced to a few large, readable steps that build confidence instead of confusion.

Goals & Constrains

Main Goal

Drive adoption among elderly users who are not comfortable with technology by making interactions self-explanatory and trustworthy.

Design Constrains

Integrate multiple external medical devices
Integrate multiple external medical devices

with different feedback systems (lights, vibrations, connectivity behaviors).

with different feedback systems (lights, vibrations, connectivity behaviors).

Small display
Small display

≈ 480 px resolution at start, later updated mid-project

≈ 480 px resolution at start, later updated mid-project

Limited processing power 
Limited processing power 

minimal animations, tight color palette, low memory footprint.

minimal animations, tight color palette, low memory footprint.

Only four months
Only four months

Very limited timeline to go from concept to tested prototype.

Very limited timeline to go from concept to tested prototype.

Stakeholders

HomeDoctor’s founding doctors (experts in medicine but new to UX/UI) were deeply involved. Their main concern was clarity and accessibility:

“Every screen must be readable, understandable, and usable by someone who’s never touched a smartphone.”

.-Ángel Ybañez

Chief Business Office, Homedoctor

Users & Target Segments

Our primary users were elderly adults who require regular monitoring but often avoid technology.

They needed clarity over aesthetics, physical reassurance over digital abstraction, and trust over novelty.

User Personas

Maria, 76

The Cautious Learner

Former teacher, lives alone, mild hypertension.

  • Fears breaking the device or misreading a result.

  • Wants reassurance through clear messages and confirmation sounds.

Don José, 81

The Practical Patient

Former taxi driver, diabetic, prefers quick, tangible feedback.

  • Fears breaking the device or misreading a result.

  • Wants reassurance through clear messages and confirmation sounds.

Elena, 68

The Family Caregiver

Cares for her husband with COPD.

  • Slightly more tech-savvy but confused by medical jargon.

  • Needs simple explanations instead of raw data.

Key Insights

Fear of error is stronger than fear of illness

users worry more about misusing technology than about missing a vital reading.

Familiarity breeds trust

elderly users relate better to tactile, physical cues (buttons, shadows, vibrations).

Literal beats abstract

icons without labels fail; every icon needs a written cue.

Too many options paralyze

keep actions under five per screen.

Feedback = confidence

lights, haptics, and confirmation sounds increase perceived accuracy and safety.

Information Architecture & Wireframing

The interface was designed around four main areas accessible from a simplified home screen:

The interface was designed around four main areas accessible from a simplified home screen:

Section

Section

Purpose

Purpose

Example UI Decisions

Example UI Decisions

Home / Streaming

Home / Streaming

Central hub featuring wellness content: nutrition, mobility, socialization.

Central hub featuring wellness content: nutrition, mobility, socialization.

Essential for adoption: entertainment first, health second. Large thumbnails, autoplay preview, max 5 options per screen.

Essential for adoption: entertainment first, health second. Large thumbnails, autoplay preview, max 5 options per screen.

My Doctor

My Doctor

Quick access to scheduled or emergency videocalls.

Quick access to scheduled or emergency videocalls.

One-tap “Call My Doctor” button; visible at all times.

One-tap “Call My Doctor” button; visible at all times.

Specialists

Specialists

Directory of medical experts by specialty.

Directory of medical experts by specialty.

Scrollable list with visual cards, no hidden menus.

Scrollable list with visual cards, no hidden menus.

SOS / Therapies

SOS / Therapies

Emergency line + guided breathing, recipes, meditations.

Emergency line + guided breathing, recipes, meditations.

Always-visible SOS shortcut, clear red button.

Always-visible SOS shortcut, clear red button.

Wireframing

Information Architecture

Interaction & Visual Design

Because flat design confused users (“I didn’t know that was a button”), the UI embraced a neumorphic aesthetic reminiscent of early iOS (soft shadows, raised surfaces, and obvious affordances).
Because flat design confused users (“I didn’t know that was a button”), the UI embraced a neumorphic aesthetic reminiscent of early iOS (soft shadows, raised surfaces, and obvious affordances).

BIG Typography

Large sans-serif, ≥ 18 pt, high contrast (≥ 4.5:1 WCAG AA).

BIG Touch targets

≥ 56 px minimum for all actionable areas.

Easy color system

Neutral light background, vivid feedback & action colors paired with icons and labels to avoid color-blind dependency.

Haptic feedback

Short vibration and light feedback after any valid/invalid action.

Accessibility settings

Optional high-contrast mode, adjustable text and button scale

Prototyping, Testing & Iteration

With only four months, we moved rapidly from low-fidelity wireframes to high-fidelity interactive prototypes.
With only four months, we moved rapidly from low-fidelity wireframes to high-fidelity interactive prototypes.

Tool: Figma

Participants: 6 elders (65–82 yrs) matching the personas.

Tasks Tested:

  • Taking blood pressure

  • Launching a videocall with a medic

  • Making an appointment with an specialist

  • Retrying a failed measurement

  • Accessing entertainment content

  • Using the SOS function

Most important iterations

Issue

Issue

From

From

To

To

Buttons unclear

Buttons unclear

Flat, modern look

Flat, modern look

Neumorphic tactile design

Neumorphic tactile design

Icons confusing

Icons confusing

Abstract icons

Abstract icons

Universal icons + labels

Universal icons + labels

Text too small

Text too small

14 pt average

14 pt average

18–22 pt large-type

18–22 pt large-type

Collaboration & Handoff

Because hardware and UI development ran in parallel, continuous communication with the Chinese manufacturer was key.
Because hardware and UI development ran in parallel, continuous communication with the Chinese manufacturer was key.
  • Delivered Figma files with component specs and responsive behavior.

  • Annotated screens for error handling, feedback states, and haptic triggers.

  • Maintained daily syncs to align updates after screen-resolution changes.

  • Developers reported first-pass implementation alignment > 90 %, reducing rework time significantly.

Outcomes & Impact

While the internal UI metrics remain confidential, HomeDoctor reports:
While the internal UI metrics remain confidential, HomeDoctor reports:

+1.8

+1.8

M

self-measurements completed

+300

+300

k

consultations per year

95

95

%

of medical cases resolved remotely

100

100

k

homes subscribed

9.7

9.7

/ 10

user satisfaction score

32

32

sec.

average emergency response time

The MedBot device received a Red Dot Award (2022) for product design.
The MedBot device received a Red Dot Award (2022) for product design.

Learnings

Lack of Design System

A design system with proper variables and scales would have saved countless hours when we needed to re-scale all existing screens

Revive neumorphism was a win

Improved usability but limited aesthetic refinement, a hybrid approach (tactile depth + modern clarity) would balance better.

Prioritization of business over UX

Business priorities (emphasis on content streaming) overruled some UX best practices -> a common, instructive tension between product and design.