A dual-platform care coordination app connecting parents and therapists through goal tracking, session documentation, and real-time messaging.
Platform iOS · Android · iPad
Users Guardians & Therapists
Phase MVP1
Typeface Quicksand throughout
Project Overview
Two platforms. One connected care experience.
ArjiMap bridges the gap between therapy sessions and home life. MVP1 delivers two distinct role-based experiences sharing one design language - Quicksand typeface, amber palette, and warm neutral backgrounds across every screen.
2
User Roles
5
Mobile Screens
7
Dashboard Modules
3
Therapy Modalities
Guardian · Mobile
Parent / Caregiver App
Mobile-first iOS/Android app for parents to track their child’s therapy journey, access session reports, view activities, monitor progress, and communicate with the care team.
iPad-first web dashboard enabling therapists to manage caseloads, document sessions, communicate with guardians, and coordinate with multidisciplinary teams from a single interface.
Families of neurodiverse children navigate a fragmented ecosystem. Therapists work in isolation from home life, while parents receive updates infrequently and struggle to reinforce therapy goals between sessions.
The Core Problem
Neurodiverse children receive therapy in clinical settings, but real progress depends on consistent home practice. There is no shared digital space where therapists can communicate goals to caregivers, track cross-context progress, or coordinate with multi-disciplinary teams — leaving families to piece together care from disconnected tools.
Fragmented Communication
Parents rarely receive structured post-session summaries. Communication happens informally at pickup or via WhatsApp — unstructured, untracked, and unreliable.
No Home-to-Clinic Feedback Loop
Therapists design exercises but have no visibility into whether families complete them. Home environment data never feeds back into clinical decision-making.
Progress Is Invisible to Parents
Without real-time tracking or translated clinical data, parents can’t see developmental progress between appointments, reducing engagement and motivation.
User Personas
SR
Sunita R.
Mother of 7-year-old Arji · Primary Guardian
Context
Part-time working mother managing therapy schedules for her son Arji, who has ADHD and mild ASD. Coordinates between three therapists across different disciplines.
Goals
Know what happened in sessionsSupport therapy at homeSee progress visually
Frustrations
No structured post-session updatesUnsure how to reinforce exercises
“I want to know what happened today, not wait until next week’s appointment to find out Arji had a breakthrough.”
JA
Dr. Jon A.
Cognitive Behavioral Therapist · Lead Clinician
Context
Senior CBT therapist with 18 clients. Works on iPad during sessions. Coordinates with two other therapists on shared patients.
Goals
Efficient session documentationGuardian visibility into homeworkTeam coordination
Frustrations
Paper-based session notesNo home exercise confirmation
“I need to know whether the family is doing the breathing exercises — it changes my entire clinical approach.”
HMW 01
How might we give parents meaningful visibility into session outcomes without overwhelming them with clinical jargon?
HMW 02
How might we make session documentation fast enough that therapists will actually do it consistently on a tight schedule?
HMW 03
How might we close the loop between prescribed home exercises and clinical progress tracking so both parties stay aligned?
Module 01 · Guardian App
Mobile — iOS & Android
Designed for parents in motion
Quicksand’s rounded letterforms carry the app’s emotional register. Every screen is purpose-built for the emotionally-invested parent who checks in briefly throughout the day — warm, scannable, and never clinical.
Onboarding Flow
→
✨
Motif Intro
Brand splash, auto-transitions
→
📖
Onboarding
3-slide value proposition
→
🔒
Login
Email or social auth
→
📱
OTP
6-digit, auto-advance
→
🎉
Congrats
Confetti celebration
→
👋
Welcome
Warm landing screen
🏠
Dashboard
Guided quick tour
Onboarding Screens
Motif Intro
Auto-fades in 2.5s
ARJIMAP
Simple. Thoughtful. Yours.
A support app designed with love for neurodiverse families — for parents and therapists.
LOGIN
Onboarding Slides
Tap anywhere to advance
Welcome back
Ready for today’s little wins?
Enter your email📧
Password👁
□ Remember meForget password?
or sign up with
📷
f
G
LOGIN
Login Screen
Email + social auth
←
OTP Verification
Enter the 6-digit code sent to your mobile
4
7
2
Verify
Didn’t receive? Resend Again
New code in 00:24s
Check your messages! 📱
OTP Verification
Auto-advances on fill
Hooray! You’re all set! 🎉
Welcome to ArjiMap!
We’re so happy to have you here. You’ve just joined a growing community of parents and caregivers.
ArjiMap is designed to make your journey easier, calmer, and more connected.
You’re doing great, and we’re right here with you.
Focus on identifying anger vs frustration. Arji engaged well with visual cards and scored high in response.
JA
Dr. Jon A.
View Report →
Occupational Therapy02:00 - 03:00 PM
Fine Motor Skill Coordination
Tracing exercises using weighted styluses. Hand-eye coordination is improving. Recommended daily tracing homework.
VK
Dr. Vidya K.
View Report →
⋮
Home
📅
Sessions
⚡
Activities
📈
Progress
📄
Reports
Sessions Screen
Calendar strip · Card reports · Avatars
Activities
Arji’s therapy activities & exercises
📋
5
This Week
✅
3
Completed
🔥
6d
Streak
All
Mindfulness
CBT
Play
🌦
Belly Breathing
Mind
Diaphragmatic breathing to calm nervous system.
5 min · Today✅ Done
🎭
Emotion Faces
CBT
Using emotion cards to identify and name feelings.
10 min · Jun 14● In progress
🎨
Feelings Journal
Play
Drawing about daily feelings for awareness.
10 min · Yesterday✅ Done
⋮
Home
📅
Sessions
⚡
Activities
📈
Progress
📄
Reports
Activities Screen
Category filters · Expandable cards
Progress
Arji’s development journey · 12 sessions
82%
Overall
Overall Progress
Looking exceptionally well! Up 12% from last month.
+12%
vs last month
4/6
Goals met
· Skill Breakdown
Emotional Awareness82%
Anxiety Management68%
Social Skills55%
Self-Expression89%
· Milestones
⭐
First CBT Goal Met
May 20
✓
🎉
Named 5 Emotions
May 28
✓
📝
Feelings Journal
In progress
–
⋮
Home
📅
Sessions
⚡
Activities
📈
Progress
📄
Reports
Progress Screen
Ring chart · Skills · Milestones
Therapist Reports
Progress notes from Arji’s care team
· Arji’s Care Team
JA
Dr. Jon A.
Lead · CBT
Online
VK
Dr. Vidya K.
Group Therapy
Online
AR
Dr. Aron R.
Play Therapy
In Session
💬 Message Care Team
JA
Dr. Jon A.
CBT · Session #12 · June 14
★★★★★
⭐ Today’s Highlights
· Thought-reframing completed independently · Volunteered personal example · Homework: 90% this week
📋 Recommendation
Continue weekly sessions. Introduce gradual exposure for school anxiety next 2 sessions.
⋮
Home
📅
Sessions
⚡
Activities
📈
Progress
📄
Reports
Reports Screen
Care team · Expandable report cards
Key Design Decisions — Guardian Module
Challenge
Reports from three therapists vary in format, tone, and clinical language — how do we surface them consistently to parents?
Solution
A unified card template with a fixed reading order: Summary → Highlights (yellow card) → Recommendation → Next Focus — translating clinical notes into parent-readable language regardless of therapy type.
Challenge
Progress data is abstract and hard for parents to emotionally connect with.
Solution
Five named skill domains (Emotional Awareness, Anxiety Management, Social Skills, Focus, Self-Expression) with percentage bars, a celebratory overall ring, and a milestone tracker marking real behavioural achievements — not just session counts.
Challenge
The onboarding needed to feel emotionally supportive, not like a standard app setup flow.
Solution
The Welcome screen leads with copy like “You’re doing great, and we’re right here with you” — treating emotional tone as a design material. The Congrats screen uses confetti animation to mark account creation as a celebration rather than a task.
Module 02 · Therapist Dashboard
iPad-First Web Dashboard
Clinical efficiency without clinical coldness
Built for iPad, designed for real clinical environments. A persistent sidebar and tab bar enable rapid context switching across 7 modules. All text uses Quicksand — warm, legible, and consistent with the Guardian app. Interact with the live prototype below.
Live Prototype · Interactive
All 7 Dashboard Screens
ArjiMap
⌂ Dash
👥 Patients
🩹 Therapists
📅 Schedules
💬 Chats
+ Add
Good morning 👋
Tuesday, June 16 — 8 sessions today
Today at a Glance
8
Sessions
24
Patients
5
On-Call
2
Chats
Upcoming
JM
Jamie M.
Dr. Jon · CBT
09:00
SR
Sara R.
Dr. Vidya · Group
10:30
KP
Kai P.
Dr. Aron · Consult
11:00
Today’s Slots
09:00 Jamie
10:30 Sara
12:00 Open
14:00 Alex
15:30 Open
Team On Call
JA
Dr. Jon A.
Online
VK
Dr. Vidya K.
Online
AR
Dr. Aron R.
In Session
Dashboard Overview
KPIs · Appointments · Team status
ArjiMap
⌂ Dash
👥 Patients
🩹 Therapists
📅 Schedules
💬 Chats
+ Add
Patient List
+ Add Patient
All
Today
CBT
Group
JM
Jamie M.
#PT-0041 · 12 sessions
Jon A.
09:00 today →
SR
Sara R.
#PT-0038 · 7 sessions
Vidya
10:30 today →
KP
Kai P.
#PT-0055 · 3 sessions
Jon A.
11:00 today →
Patients Screen
Card grid · Filter chips · Quick actions
ArjiMap
⌂ Dash
👥 Patients
🩹 Therapists
📅 Schedules
💬 Chats
+ Add
Weekly Schedule
Jun 16’20, 2026
MON 16
TUE 17
WED 18
THU 19
FRI 20
9:00
Jamie
CBT
Group A
Nora K.
10:30
Sara R.
Alex T.
Kai P.
14:00
Alex T.
Group B
Jeff B.
Today’s Sessions
09
:00
JM
Jamie Morrison · CBT
Done
10
:30
SR
Sara Reeves · Group
In Progress
Schedules Screen
5-day grid · Colour-coded blocks · Session list
ArjiMap
⌂ Dash
👥 Patients
🩹 Therapists
📅 Schedules
💬 Chats 3
+ Add
Conversations
JB
Jeffery B.
Can we do ABC time?
1
SR
Sara R.
Thank you!
KP
Kai P.
See you Tuesday!
2
JB
Jeffery Bergman
● Online
Hello.. Can we do ABC Time today?
XYZ is busy, how about ABC instead?
Yes, ABC time works. Thank you!
Write something…
➤
Messaging / Chat
Conversations · Threaded · Unread badges
Therapists & Detail
Team directory + full profile
Horizontal therapist cards with avatar, specialisation chips, patient count, and online status. Tapping any card opens the therapist detail view: a two-column layout with session notes, today’s upcoming schedule, and disciplines chips.
Add New Person
Dual-form minimal intake
Two parallel forms side by side: Patient Information and Therapist Information. Small-cap labels for rapid scanning, minimal required fields, and separate amber/yellow-card CTAs to distinguish the two actions at a glance.
Key Design Decisions — Therapist Module
Challenge
Therapists work with multiple colleagues on shared patients — how do we surface team availability without a separate coordination tool?
Solution
A “Team On Call” card on the dashboard shows each therapist’s real-time status dot (Online / In Session / Off). The Therapist Directory extends this with a sortable list showing patient load, specialities, and quick profile drill-down.
Challenge
iPad interfaces often feel like stretched mobile UIs — layouts become wasted whitespace at 1024px width.
Solution
A persistent 220px sidebar + main content model with 2-column grids (detail-grid: 1fr 300px), 3-column patient card grids, and a split-panel chat. Every screen designed for the full tablet viewport — not a scaled-up phone layout.
Challenge
Adding a patient during a busy clinical day should be fast, not a 12-field form.
Solution
The Add New screen uses two parallel minimal forms (Patient + Therapist) with uppercase label scanning. Primary amber CTA for patient intake; secondary yellow-card for therapist. Minimal fields, maximum speed.
Shared · Both Platforms
Design System
One visual language. Two experience contexts.
ArjiMap uses a shared design token system across mobile and tablet. Quicksand is the primary typeface across the entire product — app, dashboard, and this case study — its rounded letterforms carry warmth while staying legible at 7px in phone mockups.
Colour Palette
Amber / Primary
#E8955A · #F5C99E · #FBF0E4 · #C96F2C
Warm and energetic without being alarming — signals care, not urgency. Used for all primary CTAs, active states, and data highlights.
Pink / Brand
#D4447E · #F4C0D1 · #993356
Wordmark, onboarding CTAs, and the Welcome screen arrow button. Reserved for brand moments, never used for data or status.
Neutrals & Highlight
#F7F4EF · #FDFCFA · #FAF0C8 · #1C1C1E
Warm off-whites reduce visual harshness. Yellow-card (#FAF0C8) for Growth Glimpse and session highlights — celebratory, not alarming.
Indigo
Dr. Vidya K. · Group sessions · Behaviour domain
Teal
Dr. Aron R. · Play sessions · Social Skills domain
Accent / Status
Pink for Learning · Green for Success / Online
Typography
Quicksand
Primary Typeface · Entire Product
Rounded, friendly letterforms carry warmth and approachability. Used across the mobile app (all screens), therapist dashboard (all text), and this case study body copy. Weights 300–700 cover everything from captions to headings.
Used exclusively for case study presentation headers and the hero wordmark. Pairs with Quicksand to create visual hierarchy — the serif weight of headlines vs. the friendly efficiency of body copy. Not used in the product itself.
ABCDEFG abcdefg 0123456 — italic variant
Core Component Patterns
Status Indicators
Completed / Online
Upcoming / In Progress
Pending / Offline
Always colour + text label — never colour alone. Ensures accessibility for colour-blind users.
Buttons
Primary Action
Secondary Action
Outlined
Card Styles
Standard — white + shadow
Highlight — warm yellow
Accent — amber pale
Outcomes & Reflections
What the design achieves
ArjiMap MVP1 establishes a clear dual-platform model with a coherent design vision — ready for user testing and iterative refinement.
Caregivers of neurodiverse children are emotionally loaded users. Copy, colour warmth, and mascot presence function as load-bearing UX elements. The difference between “Submit” and “Let’s Begin 🚀” is measurable in first-session engagement.
02
Quicksand earns its place
One warm, rounded typeface across both platforms was a deliberate unifying decision. A parent checking progress at 8am and a clinician documenting a session both benefit from Quicksand’s legibility and warmth — weight and size variation does the tonal work.
03
Shared tokens prevent divergence
Using a shared design token set (--amber, --sand, --warm-white) ensures that even though mobile and tablet look different in density, they feel connected — crucial when guardians and therapists discuss the same data across devices.
Next Steps — MVP2 Planning
User Testing
Moderated sessions with 3 guardian profiles and 2 therapist profiles. Focus: onboarding flow clarity, report card comprehension, and session note entry speed on iPad.
Feature Expansion
Admin role dashboard, push notifications for session reminders, in-app exercise completion tracking, and a cross-role activity feed that closes the home-to-clinic feedback loop.
Accessibility Audit
Full WCAG 2.1 AA audit across both platforms. Screen reader testing for iOS VoiceOver. Arabic RTL layout support for regional deployment. High-contrast mode variant.