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 construído à medida.
Cliente
Charles C.
Setor
Bem-estar, terapia
Ano
2025
Stack
Next.js 16, MDX, Resend
Idioma
FR
Mercados
FR, PT, ES
site ao vivo
charlescurto.frDiscriçã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.
Marcação de consultas feita à medida
Em vez de integrar Calendly ou semelhante, o fluxo de booking foi construído à medida 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.
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.
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
