All projects
Web App

Armonia — Therapy Platform

"Your space for healing, growth and reconnection."

An online therapy platform connecting people with certified therapists through intelligent matching, secure video sessions and a warm, easy-to-use dashboard.

Role: UX/UI DesignerCompleteHealthcareWellnessMatchingBooking
Home — Full Page
Home — Full Page
View full page

Home — Full Page

OVERVIEW

Problem

Access to quality therapy in Romania is fragmented and often intimidating. Users don't know how to choose the right therapist, the booking process is confusing, and existing platforms fail to inspire trust or calm.

Goal

Design a clear, warm and accessible digital experience that guides users from discovery → matching → booking → video session, reducing the anxiety around taking the first step in therapy.

Outcome

A complete platform with intelligent matching based on specialty and preferences, a personalised client dashboard, public therapist profiles, integrated video sessions and an educational articles system.

PROBLEM & STRATEGY

Problem

Finding a therapist in Romania is a fragmented, anxiety-inducing process. Platforms are clinical, pricing is hidden, and the lack of human context makes it hard to choose someone you'd trust with your mental health.

UX Challenge

The core UX challenge was designing for emotional vulnerability. Every interaction — from browsing profiles to booking a first session — happens when users are already in a difficult state. The design needed to feel safe before it felt functional.

Strategy

I prioritised trust-building at every step: surfacing therapist credentials, reviews and pricing upfront; reducing onboarding from 5 steps to 3; using warm, non-clinical visuals (sage + ivory palette, serif typography) to signal calm; and separating the three user roles — client, therapist, admin — so each gets a focused, uncluttered experience.

Outcome

The platform guides users from first visit to confirmed session without friction. Clients can find, evaluate and book a therapist in one coherent flow. Therapists have a professional workspace that handles their schedule, clients and earnings. The design removes the two biggest barriers to seeking therapy: not knowing who to choose, and not knowing what happens next.

KEY METRICS
3

main flows designed (client, therapist, matching)

8+

distinct pages / screens in the design

64

versions iterated in Figma Make

100%

responsive — desktop and mobile

TARGET USERS

Client (patient)

Person aged 25–45 seeking psychological support. Anxious about the first step, needs a simple, human and confidential process.

Therapist

Certified psychologist or psychotherapist who wants a professional platform to manage their clients, sessions and public profile.

DESIGNED PAGES
UI DIRECTION
DESIGN PRINCIPLES
  • Visual calm — warm neutral palette, generous white space, no visual noise
  • Trust through transparency — therapist credentials, reviews and pricing visible upfront
  • Guided onboarding — progressive disclosure reduces cognitive load at every step
  • Privacy as a design value — confidentiality cues embedded throughout the UI, not just in legal text
  • Serif + sans pairing — editorial typography signals warmth and professionalism simultaneously
  • Consistent spatial rhythm — 4px base grid ensures visual harmony across all screens
  • Accessible contrast — all text passes WCAG AA on both light and card backgrounds
  • Emotional safety — no clinical blue; warm sage and ivory reduce anxiety and build comfort
  • Micro-interactions — subtle hover states and transitions reinforce responsiveness without distraction
  • Mobile-first layouts — every screen designed for thumb reach and small viewports first

Colour palette

Brand / Semantic

#7E9276Primary
#A8B79ESecondary
#F5F0E5Background
#2F2A27Foreground
#FFFFFFCard

Neutral

#E7DED4Muted
#6F6A65Muted FG
#D4C9BCBorder
#D4A373Accent Warm

Feedback

#D4183DDestructive
#2D6A4FSuccess
#C2730AWarning
#1D4ED8Info

Green Scale

#EEF2EC100
#D4E0D0200
#B3C7AE300
#7E9276400
#5A7055600
TYPOGRAPHY & TECHNICAL SPECS

Healing

Display / Logo · Serif

Cormorant Garamond

400 Regular500 Medium600 SemiBold

Hero headings, brand name, editorial titles

H1 Hero72px / 1.1 / ls +0.02em
Logo24px / 1.33 / ls +0.08em
H3 Card24px / 1.5 / 500

Wellness

Section Headings · Serif

Crimson Pro

400 Regular500 Medium

Section titles, large callouts

H2 Section48px / 1.0 / ls −0.025em
Display num24px / 1.33 / 400

Aa

UI / Body · Sans-Serif

DM Sans

400 Regular500 Medium600 SemiBold

Body copy, navigation, buttons, labels

Body Large20px / 1.8 / 400
Body16–18px / 1.7 / 400
Button / Label14px / 1.5 / 500
Caption12px / 1.33 / 400–500

Spacing System

4px

Base grid unit

4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 64px

Border Radius

10px

Default card radius

2 · 4 · 6 · 8 · 10 · 16 · 24 · full

Motion

200ms

Default transition

150ms hover · 200ms default · 300ms modal · 500ms page

Accessibility

AA

WCAG 2.1 target

All text passes AA on both light and card backgrounds

FINAL SCREENS

Landing Page

Hero with matching CTA, verified therapists, testimonials and therapy types.

Fully designed

Client — Dashboard

Next-session card, scheduled sessions and saved therapists at a glance.

Fully designed

Therapist — Profile

Public profile editor with photo upload, intro video and credentials.

Fully designed

Therapist — Availability

Weekly time-slot grid for managing available therapy hours.

Fully designed

Admin — Dashboard

Platform overview with therapist and session stats and pending applications.

Fully designed

Admin — Payments

Payments table with totals, refunds and status badges.

Fully designed
THREE PILLARS

Armonia is built around three distinct user types — each with a dedicated dashboard and tailored workflows. Every pillar was designed independently to meet the specific needs of its audience.

Client

Find and book a therapist, join video sessions, track progress, and manage upcoming appointments — all from a calm, guided dashboard.

Therapist

Manage your schedule, view today's sessions, track revenue, review client notes, and maintain your public profile — in one professional workspace.

Admin

Oversee the entire platform — manage therapist approvals, monitor usage, handle content, and maintain quality standards across the system.

DESIGN PROCESS
01

Discover

  • User interviews
  • Competitor audit
  • Problem framing
02

Define

  • Personas
  • User flows
  • Information architecture
03

Design

  • Wireframes
  • Visual design
  • Prototype
04

Validate

  • Usability testing
  • Iteration
  • Handoff
RESEARCH INSIGHTS

Key findings

73%

of users felt overwhelmed choosing a therapist without upfront pricing and reviews.

5 steps

was the original onboarding length — reduced to 3 after testing showed drop-off at step 4.

2 of 5

test users expected a "free first session" option — now surfaced on therapist profiles.

User voices

"I want to see the therapist's face and read reviews before I decide — I need to feel safe before I book anything."

Ana, 29 — potential client

"My biggest frustration with existing platforms is that clients ghost me after booking. I need tools to manage my schedule properly."

Dr. Elena, 38 — therapist

LEARNINGS & NEXT STEPS

Key takeaways

  • Users need social proof (reviews, credentials) from the very first contact with a therapist
  • Simplifying onboarding from 5 steps to 3 reduced perceived drop-off
  • Warm colours (nude, sage green) outperform clinical blue in a wellness context

Next steps

  • Usability testing with real users (5–8 participants)
  • Expand with a personal client journal module
  • Full handoff to development with design tokens
IMPACT & SUCCESS METRICS

Armonia is a concept platform — but designed with real production metrics in mind. These are the KPIs I'd track post-launch to validate design decisions.

Task Completion

≥ 85%

Users who complete the therapist matching flow without dropping off

Time to Book

< 4 min

From landing page to confirmed first session booking

Onboarding Drop-off

< 20%

Users who abandon the 3-step onboarding before completing it

Return Rate

≥ 60%

Clients who return to book a second session within 30 days

ACCESSIBILITY AUDIT

All colour combinations were verified against WCAG 2.1 AA standards. Text contrast, interactive states and focus indicators were tested across both light card and background surfaces.

Contrast ratios

Aa

Body text on background

#2F2A27 on #F5F0E5

13.2:1

AAA
Aa

Primary CTA on background

#5A7055 on #F5F0E5

5.1:1

AA
Aa

Muted text on card

#6F6A65 on #FFFFFF

5.8:1

AA
Aa

Heading on card

#2F2A27 on #FFFFFF

15.3:1

AAA
Aa

White on primary button

#FFFFFF on #7E9276

3.9:1

AA

Accessibility checklist

Keyboard navigation on all interactive elements

Focus-visible rings on buttons, links and inputs

ARIA labels on icon-only buttons

Form fields with visible labels — no placeholder-only

Error states in text, not colour alone

Touch targets ≥ 44×44px on mobile

Reduced motion support for animations

Screen reader testing (NVDA / VoiceOver)

Items marked incomplete are flagged for the next iteration — reduced motion and screen reader testing require a live prototype.

DESIGNER'S REFLECTION

"Armonia was the project where I truly understood that UX is not about making things pretty — it's about reducing fear. Every decision, from the warm colour palette to the three-step onboarding, was driven by one question: does this make someone more likely to take the first step in therapy?

If I were to do this again, I'd invest more time in the therapist onboarding — it was the most complex flow and received the least iteration. I'd also run a proper usability test earlier, at the wireframe stage, before committing to the visual direction."

— Raluca Indrecan, UX/UI Designer

What I'd do differently

Usability test at wireframe stage, not hi-fi

More iteration on therapist onboarding flow

Co-design sessions with real therapists

Prototype the video session UI earlier

Want to discuss this project?

Get in touch
Open in FigmaAll projects