TEKREANT DESIGN ASSIGNMENT

CareMonitor

CareMonitor

A caregiver dashboard for elderly patient

health monitoring.

ROLE

Product Designer

DURATION

Provided 48 hours, completed in 6 hours

TOOLS

Figma, Claude, Dribbble, Google, Figma AI

01

Problem Understanding

Problem Understanding

CONTEXT

Non-medical caregivers family members, companion caregivers, personal care assistants, homemakers and private duty caregivers need to monitor elderly patients' health effectively.

Today they struggle to track medication schedules, monitor vitals, manage appointments, respond to alerts, and access patient information.

i

Note on scope: the assignment specifies “an elderly patient” read as a

single-patient dashboard, not a multi-patient roster.

GOALS

1

Clear medication adherence tracking

2

Proactive alert identification

3

Centralized health monitoring

4

Simple appointment management

5

Easy access to patient information

02

Who Are the Users?

Who Are the Users?

Primary users Non-Medical Caregivers

Family / Informal Caregivers

Companion Caregivers

Personal Care Assistants (PCAs)

Homemakers

Private Duty Caregivers

Goals

Monitor patient status at a glance

Never miss medications or appointments

Quickly identify alerts that need action

Access patient information when needed

Communicate with healthcare providers

Peace of mind

Pain Points

Not medically trained

Information overload

No single source of truth

Anxiety about missing something critical

Unclear when to escalate

Multiple responsibilities

SUCCESS LOOKS LIKE

Caregiver can check patient status in under 30 seconds and immediately know if action is needed.

03

Core Pain Points

Core Pain Points

No Single Health Overview

Information scattered, no centralized

dashboard.

Information scattered, no centralized dashboard.

Manual Medication Tracking

No systematic logging or reminders.

No Proactive Alerts

Caregivers must manually check for issues.

Cannot Interpret Medical Data

Numbers need context what's normal vs.

concerning?

Numbers need context what's normal vs. concerning?

Scattered Appointments

No central location for scheduling and prep.

?

No Action Guidance

When issues arise, what should caregivers

do?

When issues arise, what should caregivers do?

04

Core Design Decisions

Core Design Decisions

DECISION 01

Single-Patient Focus

WHY

The assignment implies one patient, and it's simpler for non-

technical users.

IMPACT

Cleaner interface, faster tasks.

DECISION 02

Simplicity-First

PRIORITIES

Visual clarity

Mobile-friendly

Plain language

Critical alerts first

05

Screen Designs & Rationale

Screen Designs & Rationale

Seven high-fidelity screens, from overview to task completion.

SCREEN 01

Dashboard

Dashboard

Purpose: instant health overview with critical alerts first.

Purpose: instant health overview with critical alerts first.

KEY ELEMENTS

Red alert banner 2 missed medications

Quick stat cards Meds 3/4, Appointments 2, Vitals High, Alerts 1

Today's medication timeline Taken / Upcoming / Missed

Upcoming appointments preview

Recent vitals with status Blood Pressure 142/88 · High

Why: everything critical is visible in under 2 seconds, with no scrolling for urgent info.

SCREEN 02

Patient Details

Patient Details

Purpose: complete patient profile for reference.

Purpose: complete patient profile for reference.

KEY ELEMENTS

Patient card — name, age, photo, blood type, room

Current vitals, color-coded by status

Personal info — DOB, address, emergency contact

Medical info — conditions, allergies, physician, current medications

Care notes

Why: all patient context in one place for emergencies or doctor calls.

SCREEN 03

Medication Status

Medication Status

Purpose: detailed medication tracking.

Purpose: detailed medication tracking.

KEY ELEMENTS

Overall adherence 88% — 30-day average with progress bar

Today's summary — 1 Taken, 1 Missed, 2 Upcoming

Individual medication cards — name, dosage, status badge, frequency, next dose, plain-language instructions, 30-day adherence rate

“Mark as Taken” button

Why: track which specific medications are problematic, and motivate adherence.

SCREEN 04

Appointments

Appointments

Purpose: manage all medical appointments.

Purpose: manage all medical appointments.

KEY ELEMENTS

Appointment cards: date, title, priority badge, doctor and specialty, time, location type, confirmation status, prep notes, quick edit action.

Why: prevent missed appointments and support better preparation.

SCREEN 05

Alerts

Alerts

Purpose: all health alerts in priority order.

Purpose: all health alerts in priority order.

KEY ELEMENTS

Summary cards for each severity level

Filter tabs — All / Critical / Warning / Info / Resolved

Alert cards — icon, title, description, timestamp, status

Color coding — red critical, orange high, yellow warning, green resolved

Why: never miss urgent issues; clear visual hierarchy.

06

Key UX Decisions

Key UX Decisions

01

Plain Language, No Medical

Jargon

Plain Language, No Medical Jargon

“Blood thinner,” not “Anticoagulant.” “Take

with food,” not “Administer with meal.”

“Blood thinner,” not “Anticoagulant.” “Take

with food,” not “Administer with meal.”

“Blood thinner,” not “Anticoagulant.” “Take with food,” not “Administer with meal.”

Why: non-medical users need simple

explanations.

Why: non-medical users need simple explanations.

02

Visual Status Over Text

Icon + color + label — never color alone.

Icon + color + label never color alone.

Green — good

!

Yellow — caution

Red — critical

Blue — upcoming

Why: accessible to colour-blind users.

03

Critical Alerts Always First

Red banner at the top of the dashboard —

dismissible, but persistent.

Red banner at the top of the dashboard dismissible, but persistent.

Why: prevents missed emergencies.

04

Adherence Tracking for

Motivation

88% banner, per-medication rates, 30-day

trends.

88% banner, per-medication rates, 30-day trends.

Why: visible progress motivates consistency.

05

Quick Actions on Cards

“Mark as Taken,” “Call Doctor,” “View Alert”

— no menu diving.

“Mark as Taken,” “Call Doctor,” “View Alert” no menu diving.

Why: 1 tap instead of 3–4.

06

Desktop-First Design

1440px screen width, Nav bar

Why: caregivers check status on the move.

07

Expected Impact

Expected Impact

For Caregivers

Check status in under 30 seconds

Never miss critical alerts

Reduced anxiety

Faster task completion

For Patients

Better medication adherence

Fewer missed appointments

Earlier issue detection

Improved health outcomes

Thanks for reading.

Thanks for reading.

CareMonitor Tekreant design assignment by Jashan Dhingra, Product Designer.

PROTOTYPE

CONTACT

Create a free website with Framer, the website builder loved by startups, designers and agencies.