Case studyUX/UI Design
Medea
A clinic for moms and kids needed software with the same bedside manner: one calm place to find a doctor, book, and get advice.
- Year
- 2024
- Client
- Medea
- Services
- UX/UI Design · Website Development
- Status
- Design complete
01Brief
What we were asked
A family clinic platform design that lets parents find the right clinician, book appointments, and get trustworthy health advice in one calm place.
02Challenge
Why it was hard
Medea is a family-centered clinic for moms and their children, and its digital experience had to carry the same continuity of care the practice is known for. Families needed one place to find the right clinician by specialty, location, and availability, book appointments without phone tag, and get reliable health advice between visits.
Healthcare platforms demand exceptional clarity and trust - parents often use them in stressful moments, one-handed, with a sick child nearby, so every flow had to minimize cognitive load. The data model also had to reflect real family structures: one parent account managing several children's records, appointments, and reading history, with strict isolation between families.
03The Build
Scroll through the product
01First impression
Care you can feel in the interface
The landing leads with warmth: soft photography, a plain-language promise, and a symptom search bar right on the home page. Parents in a stressful moment get a path to help before they scroll.
02Find a doctor
The right clinician in three filters
Specialty, location, and availability - that's the whole search. Results show each clinician's focus and rating, and the booking button drops the family straight into the next open slot instead of a callback queue.
03Book
A calendar the whole family shares
The planning calendar collects every child's appointments in one view, color-coded as upcoming, pending, or passed. One parent account manages all the kids' profiles, so nothing lives in a second app or a paper folder.
04Advice
Help between visits
A health advice feed, searchable by symptom, answers the questions that don't need an appointment - with helpfulness ratings so the clinic learns which guidance actually lands.
04Notes
The planned architecture
We designed the experience in two connected halves. The public site builds trust before sign-up: a soft, photography-led home page with symptom search right on the landing, a services catalog spanning pediatric primary care through family mental health, clinician profiles, and a conditions library.
The signed-in family portal does the work: a Find a Doctor search that combines specialty, location, and availability filters and books directly into a clinician's next open slot; a planning calendar that shows the whole family's upcoming, pending, and past appointments at a glance; a health advice feed searchable by symptom with helpfulness ratings; and children's profiles managed from a single parent account.
The suggested architecture pairs a Next.js and TypeScript frontend with Node.js, Prisma, and PostgreSQL - in a healthcare context, Prisma's type-safe database client turns a class of runtime data-access errors into compile-time errors. Registration and booking flows use React Hook Form with Zod validation for inline, contextual feedback rather than error dumps after submission.
Vercel handles hosting with Supabase providing PostgreSQL and row-level security policies, so each family can only ever access its own records.
Suggested stack
05Outcome
Where it landed
- Deliverable
- Full Design
- Complete UI/UX design with architecture
- Surfaces
- 2
- Public site plus signed-in family portal
- Specialties
- 6
- Pediatrics through family mental health
- Status
- Design Phase
- Architecture planned, ready for development
06Craft
The work behind the work
The public side of the design package: the About page that leads with continuity of care, the six specialties families actually come for, the conditions library, the contacts page with its message form, the expert-advice cards, and the primary care blog.
Have a product like this in mind?
We plan, design, and ship - the whole story, start to finish.
Next project
GoodFood
Food Delivery App Design