SERVITH Therapy Website
Project Case Study
SERVITH Therapy Website
A bilingual counselling & psychotherapy marketing website focused on trust-building, clear service positioning, and a streamlined consultation inquiry flow.
View Live Project →Overview
SERVITH Therapy is a trust-first marketing website designed for a counselling/psychotherapy practice. The build prioritizes calm visual hierarchy, clear service positioning, and a direct path to consultation inquiries—without overwhelming visitors who may arrive with high emotional load.
Objectives
Establish credibility quickly through structured content and visible trust signals
Help visitors self-identify their needs via clear service categories
Reduce uncertainty with practical answers (FAQ) before the contact step
Provide a low-friction consultation inquiry flow
Support bilingual delivery (EN/KR) with a scalable i18n foundation
Audience and UX Constraints
Therapy website visitors often need:
Immediate clarity on “Who is this for?” and “How does this work?”
A non-salesy tone with low-pressure calls-to-action
Easy scanning on mobile, minimal cognitive overhead, and predictable navigation
Practical details surfaced early (availability, confidentiality, payment/coverage context)
The UI and content structure were built around these constraints.
Information Architecture
Navigation mirrors the questions a visitor typically asks in order:
Home: Positioning + quick routes to Services and Contact
About: Practitioner overview, approach, and tone-setting
Services: Issue-based categories with short outcome statements
Programs: Structured options for visitors who prefer guided pathways
FAQ: Operational clarity (sessions, scheduling, confidentiality, payment)
Credentials: Training/education highlights for trust-building
Contact: Consultation CTA + intake form
Key Product Decisions
1) Service Cards for Fast Scanning
Services are presented as card-based categories with short, plain-language descriptions. This improves recognition (“This fits me”) and supports quick navigation—especially on mobile.
2) Programs as Structured Engagement Options
In addition to general services, programs are framed as structured offers to help visitors choose a clear starting point when they feel stuck or want a more guided approach.
3) FAQ as a Conversion Asset
FAQ is treated as part of the conversion flow, not as secondary content. It addresses high-friction questions upfront:
session format and cadence
scheduling and availability
confidentiality boundaries
payment / coverage context
4) Contact Intake Designed for Triage
The contact flow uses a consultation-oriented CTA and a lightweight intake form, including an optional “Reason for inquiry” field to help route requests efficiently.
5) Bilingual Foundation (EN/KR)
Internationalization is implemented using next-intl, enabling locale-based routing and scalable message management as content expands.
Technical Implementation
Stack
| Area | Implementation | Notes |
|---|---|---|
| Framework | Next.js 16 + React 19 | Modern routing/layout patterns with strong performance defaults |
| Language | TypeScript | Consistent typing across UI and content props |
| Styling | Tailwind CSS v4 | Fast iteration and consistent design tokens |
| i18n | next-intl | Locale-first structure for maintainable bilingual pages |
| Icons | lucide-react + react-icons | Lightweight iconography and consistent UI cues |
| Testing | Jest + RTL, Playwright | Component confidence + user-flow validation |
Engineering Highlights
Reusable layout and section patterns for predictable expansion
Responsive typography and spacing tuned for readability and calm tone
Clear separation between content blocks to simplify maintenance
Test scaffolding included to reduce regression risk during iteration
What This Project Demonstrates
Strong UX instincts for healthcare/professional services (trust, clarity, low friction)
Practical information architecture aligned with real user questions
A clean Next.js + TypeScript + Tailwind implementation with i18n readiness
Quality-focused workflow with unit and end-to-end testing foundations
Primary Goal: Trust + consultation inquiries
Role: Solo delivery (IA → UI → i18n → testing setup)