03 / Charles C. / France / 2025
Discretion, authority, frictionless booking.
An institutional website in French for a therapist with over forty years of practice, with a custom booking system built from scratch.
Client
Charles C.
Sector
Wellness, therapy
Year
2025
Stack
Next.js 16, MDX, Resend
Language
FR
Markets
FR, PT, ES
Discretion, authority, frictionless booking.
Scroll to explore
The starting point.
Charles C. is a therapist with over forty years of experience. The practice includes private consultations and exclusive coaching, based in Paris and Nice, with remote sessions for clients in France and abroad. Activity extends to Portugal and Spain, with dedicated domains and spaces for each market.
The starting point was the need for a digital presence worthy of the positioning. Discreet, authoritative, and one that would allow a potential client to understand the offering, read the writings and book a consultation without friction. The entire site communication is in French, the primary language of the clientele.
What it needed to solve.
- Build a complete appointment booking system (three service types, three modalities, calendar, email confirmation) without relying on external platforms.
- Convey an image of trust and sobriety in a sector where most websites err on the side of visual excess or lack of structure.
- Integrate long-form editorial content (MDX articles) within a fluid navigation with carefully crafted transitions.
Three decisions that shaped the project.
01
Custom-built appointment booking
Instead of integrating Calendly or similar, the booking flow was built from scratch as a multi-step wizard inside a modal. The user chooses the service type (classic, signature, urgent), the modality (in-person, phone, video), the date and time. The form sends two emails via Resend, one to the office and one confirmation to the client. It includes anti-spam protection with a honeypot and temporal validation.
02
Overlay navigation with Veil transitions
The main navigation is a full-screen overlay with a blue-violet gradient, large typography and animated sub-navigation. Page changes pass through a white veil that covers the screen during the transition, managed by a custom NavigationContext. It eliminates visual jumps between routes and reinforces a sense of continuity.
03
Typography as identity
Three Google Fonts families serve distinct roles. Alex Brush for the brand signature, Cormorant Garamond for headings, Source Sans 3 for body text. This hierarchy, combined with golden gradient CSS tokens, creates the entire visual identity without relying on decorative imagery.
What shipped.
A complete, self-contained institutional website in French with seven main pages, an editorial blog in MDX, a booking system with automated emails, GDPR cookie management, GTM and Meta tracking, and navigation with animated transitions. Prepared for three geographic markets, each with its own domain.
live site
Next project
Mrs Bubbles
