Objetivo do projeto
Construímos a landing page institucional do Instituto MenteVitta com foco em atrair pacientes de Teresina-PI para atendimentos particulares de Psicologia, Psiquiatria e Neuropsicologia. A copy — já fornecida pela cliente — foi reorganizada em um funil claro que termina em vários CTAs “Agende seu atendimento”.
Identidade visual
| Elemento | Escolha | Função |
|---|---|---|
| Paleta | Azul-acinzentado (#38536E) + cinza-claro | Transmite confiança e serenidade. |
| CTAs | Verde-vivo (#0FAA34) | Alto contraste, sugere avanço/saúde. |
| Tipografia | Branco & cinza-escuro | Legibilidade em fundos escuros e claros. |
| Recursos visuais | Fotos do espaço, equipe e pacientes em atendimento | Humanizam e reforçam autoridade. |
| Padrão decorativo | Linhas orgânicas e logotipo em marca-d’água | Criam coesão estética e leveza. |
Estrutura da página
| Bloco | Conteúdo | Propósito |
|---|---|---|
| Hero | Headline “Cuidar da mente é transformar a vida” + foto da clínica + Dr. Andreas Bastos (CRM) | Impactar & mostrar credenciais |
| Sobre o Instituto | Imagem da equipe + texto “Um novo conceito em saúde mental” | Construir confiança institucional |
| Especialidades | Slider: Psiquiatria • Psicologia • Neuropsicologia + CTA | Apresentar áreas de atuação |
| Banner de agenda | Horário de atendimento (Seg-Sáb 8h-20h) + botão verde | Converter |
| Abordagens clínicas | 3 cards: TCC, ABA, Psiquiatria | Educar sobre métodos |
| Equipe de especialistas | Carrossel com fotos dos profissionais | Prova social de expertise |
| Atendimento presencial & online | Texto resumido + CTA | Abranger todos os públicos |
| Ambiente | Galeria do consultório | Demonstrar conforto e acolhimento |
| Rodapé | Endereço (Av. Universidade, 7350, Teresina-PI), contatos, selo WhatsApp | Fechar com credibilidade |
CTAs verdes reaparecem após cada bloco decisivo, garantindo um próximo passo evidente.
Experiência mobile & UX
- Mobile first: sliders deslizam por swipe; cards empilham-se verticalmente.
- Botões ≥ 44 px (polegar-friendly).
- Tipografia base 16 px e contraste AA asseguram leitura sem zoom.
- Botão WhatsApp flutua no canto inferior direito durante todo o scroll.
Boas práticas de desempenho & SEO
| Fator | Implementação |
|---|---|
| Velocidade | Imagens WebP + lazy-loading; CSS crítico inline. |
| Semântica | H1 único, H2 por seção, listas em <ul> com ícones. |
| Palavra-chave foco | “psicologia e psiquiatria em Teresina” distribuída (~1 %) em título, meta, intro e subtítulos. |
| Links | Botões para WhatsApp/agenda com rel="nofollow". |
| Acessibilidade | Texto alternativo nas imagens e contraste alto nos CTAs. |
Resumo:
A landing page do Instituto MenteVitta combina atmosfera acolhedora, apresentação clara de serviços e múltiplos CTAs verdes. O layout conduz o visitante pelo ciclo confiança institucional → especialidades → equipe → agendamento, usando provas visuais e informação objetiva para estimular a marcação de consultas presenciais ou on-line.
