03 / Charles C. / França / 2025
Discrição, autoridade, marcação sem fricção.
Site institucional em francês para um terapeuta com mais de quarenta anos de prática, com sistema de marcação de consultas feito de raiz.
Cliente
Charles C.
Sector
Bem-estar, terapia
Ano
2025
Stack
Next.js 16, MDX, Resend
Idioma
FR
Mercados
FR, PT, ES
Discrição, autoridade, marcação sem fricção.
Scroll para explorar
O ponto de partida.
Charles C. é um terapeuta com mais de quarenta anos de prática. Oferece consultas privadas e coaching exclusivo, a partir de gabinetes em Paris e Nice, com consultas à distância para clientes em França e no estrangeiro. A atividade estende-se a Portugal e Espanha, com domínios e espaços dedicados a cada mercado.
O ponto de partida era a necessidade de uma presença digital à altura do posicionamento. Discreta, com autoridade, e que permitisse a um potencial cliente entender a oferta, ler os escritos e marcar uma consulta sem fricção. A comunicação inteira do site é em francês, a língua principal da clientela.
O que precisava de resolver.
- Criar um sistema de marcação de consultas completo (três tipos de serviço, três modalidades, calendário, confirmação por email) sem depender de plataformas externas.
- Transmitir uma imagem de confiança e sobriedade num setor onde a maioria dos sites peca por excesso visual ou falta de estrutura.
- Integrar conteúdo editorial longo (artigos em MDX) dentro de uma navegação fluida com transições cuidadas.
Três decisões que mudaram o projeto.
01
Marcação de consultas feita à medida
Em vez de integrar Calendly ou semelhante, o fluxo de booking foi construído de raiz como wizard multi-passo dentro de um modal. O utilizador escolhe o tipo de serviço (clássico, signature, urgente), a modalidade (presencial, telefone, vídeo), a data e o horário. O formulário envia dois emails via Resend, um para o secretariado, outro de confirmação para o cliente. Inclui proteção anti-spam com honeypot e validação temporal.
02
Navegação com overlay e transições Veil
A navegação principal é um overlay de ecrã inteiro com gradiente azul-violeta, tipografia grande e sub-navegação animada. As mudanças de página passam por um veil branco que cobre o ecrã durante a transição, gerido por um NavigationContext próprio. Elimina os saltos visuais entre rotas e reforça a sensação de continuidade.
03
Tipografia como identidade
Três famílias do Google Fonts servem papéis distintos. Alex Brush para a assinatura da marca, Cormorant Garamond para títulos, Source Sans 3 para corpo. Esta hierarquia, combinada com tokens de gradiente dourado em CSS, cria a identidade visual inteira sem depender de imagens decorativas.
O que ficou.
Um site institucional em francês, completo e autónomo, com sete páginas principais, blog editorial em MDX, sistema de marcação com emails automatizados, gestão de cookies RGPD, rastreamento via GTM e Meta, e navegação com transições animadas. Preparado para três mercados geográficos, cada um com domínio próprio.
site ao vivo
Próximo projeto
Mrs Bubbles
