Projects / UX/UI Design / SeniorCare Plus ✕

Trust first, account last.

Booking care services online shouldn’t feel risky for older adults. SeniorCare Plus builds trust before it asks for anything.

Type
Mobile and tablet app · New product (fictional brief)
Context
Team project (3 designers) · UX/UI Design, Mediadesign Hochschule · Apr – Sep 2026
Role
UX/UI Designer · My focus: UI design for onboarding, profile, SMS verification, help and the tablet adaptation
Tools
Figma · Miro
SeniorCare Plus screens on tilted phones: meal order, order summary and confirmation
  • 2 personas → 8 design decisions
  • Mobile + tablet prototype

01Overview

SeniorCare Plus is a mobile and tablet app that makes senior care services easy to find and book: meal delivery (“Essen auf Rädern”), activities, news and reviews. It is designed for older adults and their families.

The problem

Older users often struggle with digital services: small text, unclear navigation and long sign-up forms. Many don’t trust booking online at all. The goal was an app they could use confidently, without help.

02Research

We started with user interviews, then built an empathy map, two personas, user flows and a sitemap.

Portrait of Leo
Leo, 78

Active and curious, but has never booked a service online and is afraid of being scammed. Needs proof before booking.

Portrait of Hilde
Hilde, 82

Wants to stay independent, has little internet experience, often forgets passwords and prefers calling to filling in forms.

Shared fears

  • Not trusting the website
  • Pressing the wrong button
  • Getting lost in long processes

Empathy map

We mapped all interviews in one shared empathy map. Leo and Hilde have different habits, but the same fears: scams, hidden subscriptions and pressing the wrong button.

Shared empathy map of the interviewed older adults, with pains, gains and the key insight

Sitemap

A flat structure with few levels. Help, contact and accessibility are always one tap away, through the profile and the sticky footer.

Sitemap of SeniorCare Plus: home, account, services, profile and service area

03Insights → decisions

Every decision answers one of these fears.

  1. Trust firstReviews filtered by service, a quality certificate and an “About us” page with real numbers.
  2. Book first, register laterNo account needed to start. Account creation comes after the booking is confirmed.
  3. Passwords optionalSign up by phone with an SMS code, no password needed. Email works too, and users stay logged in.
  4. Familiar paymentPay in cash on the spot or by card. No online payment needed.
  5. No fear of mistakesA back button on every step and a confirmation before cancelling, so no data gets lost.
  6. Help always visibleA “Need help?” bar with a phone number on every screen.
  7. Accessibility on every screenAdjustable text size, contrast mode, read-aloud and the Atkinson Hyperlegible typeface.
  8. Clear languagePlain, formal German (“Sie”), no English terms.

04Design

Step-by-step order

We designed the order for “Essen auf Rädern” together as a team, directly in the final UI. Users first check if delivery is available in their area. Then six steps, one question each: dietary needs, extra services, meals for the chosen days, a meal overview, delivery details, and a summary with payment. A thank-you screen confirms the order.

The full order for Essen auf Rädern on nine phone screens, from postcode check to thank-you screen

SMS verification for older users

A 10-minute code expiry instead of the usual short timer, clear error and expiry states, and an easy way to correct a wrong phone number.

Account creation and SMS code screens, including wrong-code and expired-code states

Tablet adaptation

6-column grid (32 px margins, 20 px gutters), accessibility icons first in the footer, and a two-column meal selection.

The start page on a tablet and on a phone

Design system

A documented design system with components and naming agreed on early by the team. Colors: purple as primary, yellow as accent, light blue, taupe and beige as secondary colors, and orange for warnings. Typefaces: Young Serif for headlines and Atkinson Hyperlegible for body text, designed for low-vision readers.

Style guide board: logo versions, typography, colors, icons and button states

05Feedback & iteration

We tested the prototype with our instructors during the course and iterated on their feedback.

Accessibility & help

Before

There were no accessibility controls and no direct way to get help.

After

Three large accessibility buttons in the footer, a free consultation call, and a “Benötigen Sie Hilfe?” bar on every screen, so help is always one tap away.

Footer with three large accessibility buttons, a consultation call and the contact form

Notifications

Before

Older users may miss messages sent through other channels.

After

Important messages also appear in the app’s notification bell, so nothing gets lost.

06Final solution

An interactive prototype for mobile and tablet, a documented design system and a developer handover package with specifications for all key screens.

In the video, a user checks what others say and who is behind the service before booking a painting course.

  1. Read reviews from other users
  2. Check the “About us” page
  3. Book a painting course

07Learnings

  • Designing for older users showed me that trust and clarity matter more than features.
  • Every extra step or unclear label can make someone give up.
  • In a team, agreeing on components and naming early keeps the design consistent.