Propósito
Esta Landing Page de Treinamento de Habilidades Sociais – TEA VITTA foi criada para captar pais de adolescentes (12–18 anos) no espectro autista que buscam evolução em comunicação, autonomia e socialização. A copy foi entregue pela equipe clínica; nosso papel foi transformá-la em um funil claro com CTA “Quero saber mais”.
Identidade visual
| Elemento | Escolha | Função |
|---|---|---|
| Paleta | Gradiente azul-turquesa → verde-esmeralda | Evoca confiança, inclusão e crescimento |
| CTAs | Botões verde-luminoso (#00B04F) | Contraste alto, ação positiva |
| Tipografia | Branco & cinza-escuro | Alta legibilidade em fundos vibrantes |
| Grafismos | Linha ondulada + grid pontilhado | Remete a percurso de aprendizagem |
| Fotos/Vídeos | Profes-sionais, adolescentes, ambiente clínico | Humanizam e geram empatia |
Estrutura da página
| Bloco | Conteúdo resumido | Objetivo |
|---|---|---|
| Hero | Headline “Treinamento de Habilidades Sociais…” + foto da psicóloga + CTA | Impacto & lead |
| O que é o TEA VITTA? | Vídeo placeholder + texto sobre metodologia | Explicar o programa |
| Para quem é? | Imagem jovem + copy direcionada a autistas que buscam comunicação | Segmentar público |
| Por que é importante? | 4 cards: Autoestima • Prevenção do bullying • Autonomia • Apoio aos pais | Valorizar benefícios |
| Como vai ser o treinamento? | Linha do tempo de 10 encontros (introdução → habilidades sociais → sexualidade) | Tornar processo tangível |
| Equipe | Fotos & mini-bios das psicólogas Alice Resende e Viviné Teixeira | Provar autoridade profissional |
| FAQ | 4 perguntas sobre idade, duração, participação dos pais, tempo de acesso | Remover objeções |
CTAs verdes reaparecem após cada bloco decisivo, garantindo sempre um “próximo passo” visível.
Experiência mobile & UX
- Mobile-first: timeline vertical vira lista deslizável; cards empilham-se.
- Botões ≥ 44 px — fáceis de tocar.
- Gradiente suave evita glare em telas LCD.
- Ícone de WhatsApp flutua para suporte instantâneo.
Boas práticas de SEO & desempenho
| Fator | Implementação |
|---|---|
| Velocidade | Imagens WebP + lazy loading; CSS crítico inline → PageSpeed 90 + |
| Semântica | H1 único, H2 por seção, listas em <ul> para benefícios |
| Palavra-chave foco | “treinamento de habilidades sociais para autistas” distribuída (~1 %) |
| Links | CTAs com rel="nofollow" e UTMs para mensurar campanha |
| Acessibilidade | Alt-text descritivo em todas as imagens; contraste AA nos botões |
Resumo
A landing page TEA VITTA conduz pais do problema (dificuldades sociais) à solução (treinamento presencial em 10 encontros) com provas de autoridade e benefícios claros. O design em gradiente azul-verde reforça acolhimento, enquanto CTAs verdes de alto contraste impulsionam conversões para o programa.
