Natalie Cavalcante
Uma experiência digital acolhedora, que combina clareza, identidade visual e navegação intuitiva.
Desenvolvido por Tatuí Tech e apresentado com autorização da cliente.
Contexto
Um site para uma psicóloga clínica em Natal, no Rio Grande do Norte, construído em torno de uma ideia: aproximar. Direção de arte, UX, design system e front-end, feitos sem promessas, sem urgência e sem depoimentos inventados.
O site anterior era um WordPress com Elementor. O novo foi reescrito do conteúdo à interface: uma página, oito capítulos e um convite claro para começar a terapia.
O que foi feito
Identidade e direção de arte
Literata e Instrument Sans, uma paleta de papel, areia, terracota e oliva, e retratos de um ensaio editorial.
Arquitetura da informação
Uma página em oito capítulos, do primeiro reconhecimento ao convite para começar, com o agendamento pelo WhatsApp.
Design system
112 variáveis em 6 coleções, 5 modos de layout de 320 a 1440 px e 14 estilos de texto, com os mesmos nomes no Figma e no código.
Motion e microinterações
Movimento como atenção: o botão principal vira, o header compacta e as perguntas abrem. Com movimento reduzido, tudo fica parado.
Acessibilidade
WCAG 2.2 AA como requisito: reflow a 320 px, navegação por teclado e foco visível.
Arquitetura da informação
Uma página, oito capítulos, um convite. Cada capítulo responde a uma pergunta de quem chega, na ordem em que ela costuma aparecer.
Identidade e design system
Um sistema com um gesto: as variáveis espelham os tokens do código um a um, com os mesmos nomes, e o mesmo componente de convite percorre o site inteiro.
Experiência desktop
Ritmo editorial e respiro: títulos em serifa, textos curtos e o retrato como âncora de cada capítulo.
Experiência mobile
Os mesmos capítulos, recompostos para uma mão: menu simples, convite sempre ao alcance e agendamento pelo WhatsApp.
Detalhes de interface
Contenção expressiva: o movimento aparece só onde ajuda a entender o que mudou.
Ficha
- Autoria
- Product design, direção de arte, design system e front-end por Tatuí Tech. Apresentado no portfólio com autorização da cliente.
- Linha editorial
- Levize (2025)
- Fotografia
- Ensaio editorial de Natalie Cavalcante, com tratamento de luz assistido por IA e o rosto inalterado
- Tecnologia
- Figma, Next.js, React, TypeScript, Tailwind CSS e Vercel
- Filme
- Capturas do site real, com trilha instrumental gerada com ElevenLabs Music.
nataliecavalcante.com.br (abre em nova aba)
Outros projetos
Ver todos os projetos
