I designed a healthcare site that feels like the care it represents.
Modern Ancient Psychiatry needed a site that conveyed warmth, professionalism, and trust for patients seeking mental health care. Not a template. Not a clinical brochure. A digital experience designed for people who might be visiting at their most vulnerable.
A template can't earn a patient's trust
The practice's previous site was outdated and generic. It didn't convey the warmth or professionalism patients need when choosing a psychiatric provider. Navigation was confusing, the mobile experience was poor, and it looked like every other healthcare template on the internet.
For a self-pay, integrative practice, the website is the first impression. It needed to feel like the care itself — intentional, warm, and different from the clinical norm.
Four pages, one booking funnel
Home
Hero with Ken Burns animation and frosted glass circle, emergency crisis banner (988/911), philosophy statement, practitioner intro card, "Why Different" section, FAQ accordion, and booking CTA. Sets the emotional tone immediately — calm, warm, professional.
About
Brittany's clinical background, personal life, meditation practice, and treatment philosophy. Written in first person to build the personal connection patients need before booking with a new provider.
Services
Seven service offerings with transparent pricing ($150-$250/session). Full policy disclosures: insurance, cancellation, No Surprises Act Good Faith Estimate, controlled substance policy. No hidden fees, no surprises.
Contact
Contact form integrated with n8n webhook for automated notification. Phone, email, and location details. The entire site funnels here — on mobile, a sticky booking bar appears after scrolling to keep the action always one tap away.
Every choice serves the patient
Dark palette for emotional safety
Near-black background (#0B0B0F) with cream text (#F2EDE4) and gold accents (#C9A84C). Dark themes evoke calm, safety, and intimacy — deliberate for a mental health practice where visitors may be anxious, overwhelmed, or in crisis. The gold accent signals premium, intentional care without being clinical or corporate.
Typography that bridges ancient and modern
Cormorant Garamond for headings gives an "ancient wisdom" feel — elegant, serene, authoritative. Source Sans 3 for body text grounds it in modern professionalism. The pairing carries the practice's entire brand identity: integrative psychiatry that honors both evidence-based medicine and contemplative tradition.
Emergency resources placed prominently
988 Suicide & Crisis Lifeline and 911 emergency information displayed prominently below the hero — not buried in a footer. For a mental health practice, someone visiting this site might be in crisis. The emergency banner isn't a compliance checkbox, it's a design priority.
Mobile-first booking funnel
A sticky MobileBookingBar appears after 50% scroll on mobile, disappears on the contact page itself. The entire site architecture funnels toward one action: book a consultation. On mobile — where most healthcare searches happen — that action is always one tap away.
Content separated from presentation
All copy lives in typed TypeScript content files — home, about, services, contact, shared. Components are pure presentation. This means the practitioner (or a future CMS) can update text without touching React code. Built for handoff.
Design for people, not pageviews
Designing for a vulnerable audience
Someone searching for a psychiatrist might be at their lowest point. Every design choice filters through that lens: no jarring animations, no aggressive CTAs, no clinical stock photos. Nature imagery — sunflowers, singing bowls, meditation, butterflies — reinforces the integrative brand without being New Age kitsch. The Ken Burns hero animation (slow 25s zoom) adds life without being distracting.
Making a solo practitioner feel like a boutique practice
Brittany is a solo PMHNP-BC. The site needed to convey the warmth of a solo practice and the professionalism of a premier clinic. The design system — dark luxury palette, gold accents, serif/sans-serif pairing, frosted glass effects — achieves this without pretending to be something it's not.
Accessibility as care philosophy
Skip-to-content link, semantic HTML, font-display swap, ARIA labels. For a mental health practice, accessibility isn't just compliance — it's an extension of the care philosophy. If someone with a screen reader or cognitive disability visits, the site should welcome them the same way the practice would.
Translating a non-technical client's vision
Brittany had a clear emotional vision — warm, spiritual, professional — but no design language to express it. Over 10+ iterations, I translated her feedback into concrete design decisions: the dark palette, the Cormorant Garamond type, the gold accent, the nature imagery. Each iteration refined the gap between what she felt and what the screen showed.
Design is trust
Real client, real patients
This isn't a concept. It's deployed and serving a real psychiatric practice. Patients are finding their provider through this site and booking consultations based on the trust it builds.
Design sensitivity
Healthcare design requires understanding the emotional state of your user. Every color, animation speed, word choice, and interaction pattern was evaluated through the lens of someone seeking mental health care.
10+ iterations of refinement
Working with a non-technical client who had a clear vision but no design vocabulary. Each iteration closed the gap between what she felt and what the screen showed. The final result is hers, not mine.
Lightweight and fast
No database, no CMS, no heavy dependencies. Next.js + Tailwind + typed content files. Fast page loads, PWA capable, deployed on a simple DigitalOcean server with PM2 and Caddy.
Need a site that earns trust before the first conversation?
Let's Talk