Jornada da Alma Feminina
Landing page do retiro Jornada da Alma Feminina, que conduz mulheres da identificação com a própria história à aplicação por formulário.
- Endereço
- jornada.comunidadeasas.com
- Setor
- Desenvolvimento pessoal e espiritualidade feminina, com retiro de imersão
- Escopo
- Copy, estrutura, interface, animações e desenvolvimento, dentro da identidade visual do cliente.
- Stack
- React · Vite · Tailwind CSS · Framer Motion
- Capturas
- Atualizado em
Preview completo
Role dentro de cada janela para percorrer a página como ela está no ar. Capturas de .
A landing page da Jornada da Alma Feminina, retiro de imersão para mulheres da Comunidade Asas. Escrevemos, desenhamos e desenvolvemos uma página que conduz a visitante da identificação com a própria história até a aplicação por formulário.
Contexto
A Jornada da Alma Feminina se apresenta como um retiro de autoconhecimento e cura emocional para mulheres, guiado pela mentora Bruna Facco e ancorado na fé. Segundo a página, são quatro dias de imersão com hospedagem, refeições, vivências práticas, material de apoio e acompanhamento pós-retiro em grupo. A vaga não é vendida diretamente: a entrada acontece por aplicação, com contato posterior da equipe, e a página leva a visitante até esse formulário.
Como foi pensado
Estruturamos a página na ordem de uma conversa. Ela abre com uma frase de identificação, “Você jurou que não repetiria os padrões familiares. Mas o ciclo continua.”, e oferece logo depois um documentário. Quatro cartões nomeiam situações da leitora, uma seção em vinho marca a virada e só então vem a proposta: quatro etapas numeradas, a carta da mentora, depoimentos em vídeo e fotos da imersão. A confiança se apoia em registros do próprio retiro antes do pedido de decisão. As chamadas aparecem em quatro pontos: no topo, após a virada, no convite final e depois das perguntas frequentes, que tratam objeções concretas. A composição parte do logotipo da Jornada: a coroa aparece no carregamento, no fundo do topo, nos divisores e na assinatura da carta, com Playfair Display nos títulos, Montserrat no texto e tons de vinho, rosa e bege. No celular, tudo vira coluna única e os botões ocupam a largura da tela.
O que foi feito
Desenvolvemos a página em React, Vite e Tailwind CSS, com cada seção em um módulo próprio. As animações e interações foram criadas para ela: a tela de abertura em que a coroa do logotipo é desenhada em traço, as coroas animadas em canvas no topo, que se afastam do cursor, e dois carrosséis em perspectiva de vídeos verticais, que avançam sozinhos e abrem o vídeo numa janela sobreposta. O documentário só carrega quando a visitante clica. A página também tem galeria de fotos com ampliação em tela cheia, perguntas em acordeão e botões para o formulário de aplicação e para o WhatsApp.
Destaques
- Tela de abertura em que a coroa do logotipo é desenhada em traço.
- Coroas animadas em canvas no topo, que reagem à aproximação do cursor.
- Carrosséis em perspectiva com 16 vídeos de momentos do retiro e 13 depoimentos, abertos em janela sobreposta.
- Entrada por aplicação: três botões levam ao mesmo formulário, com o WhatsApp como alternativa.
- Perguntas frequentes sobre apoio do marido, religiosidade, abertura emocional, terapia e parcelamento.
Site não é vitrine.É parte da operação.
Conte o que a empresa precisa comunicar e para onde o visitante deve ir. Começamos pela estrutura, antes da primeira tela.