Visão geral do projeto
A empresa — líder em suplementos capilares — nos procurou para reformular a página de vendas do seu encapsulado, buscando taxas de conversão mais altas. A copy foi fornecida integralmente pelo cliente; nossa responsabilidade foi transformar o texto em uma experiência visual que:
- gerasse autoridade imediata (selos da Anvisa, GMP e 100 % natural);
- explicasse benefícios concretos (crescimento, força, brilho);
- conduzisse o visitante rapidamente ao botão “Comprar agora”.
Harmonia das cores & identidade visual
| Elemento | Cor predominante | Motivo da escolha |
|---|---|---|
| Fundo hero | Rosa-salmon (#FF7E87) | Remete a saúde & beleza feminina |
| Blocos de prova | Roxo-ameixa (#7D1AFF) | Sinaliza inovação e agrega valor premium |
| CTAs | Verde-vitalidade (#16C172) | Contrasta fortemente e evoca “natural” |
| Tipografia | Branco & cinza-grafite | Legibilidade sobre fundos vibrantes |
Ilustrações vetoriais de fios grossos e brilhantes percorrem o layout, criando uma sensação de movimento que reforça o tema “crescimento capilar”. ✨
3 – Estrutura da página
| Ordem | Seção (rótulo idêntico ao layout) | Função na jornada |
|---|---|---|
| 1 | Hero: “Seu cabelo mais forte em 3 semanas” + frasco 3D + CTA verde | Impactar & levar ao checkout |
| 2 | Benefícios Imediatos – quatro cards (Crescimento, Fios grossos, Brilho, Queda 0) | Explicar ganhos claros |
| 3 | Por que funciona? – lista de ingredientes premium (Biotina, Zinco, Silício) com ícones | Comprovar eficácia |
| 4 | Fotos de Antes & Depois – carrossel com 5 usuárias reais | Prova social visual |
| 5 | Depoimentos 5★ – slider de avaliações com avatar | Reforçar confiança |
| 6 | Garantia 30 Dias – selo roxo sobre fundo branco | Reduzir risco percebido |
| 7 | CTA secundário “Eu quero meu kit” | Captar quem já está convencido |
| 8 | Perguntas Frequentes – acordeão rosa-claro | Quebrar objeções finais |
| 9 | Rodapé – selos de segurança, formas de pagamento e novo botão verde | Encerrar direcionando ao checkout |
Responsividade & experiência mobile
Mesmo que as prints do Behance exibam apenas a versão desktop, todo o layout foi concebido mobile first:
- Cards de benefícios e depoimentos viram carrosséis swipe de toque fácil.
- Botões verdes mantêm altura ≥ 44 px, seguindo as diretrizes do Google para UX.
- Tipografia base 16 px e contraste AA asseguram leitura sem zoom.
- Selo flutuante do WhatsApp acompanha o usuário em todo o scroll para suporte imediato.
Otimização técnica & SEO
| Fator | Implementação |
|---|---|
| Velocidade | Imagens WebP + lazy loading; CSS crítico inline → PageSpeed 92/100 |
| Semântica | H1 único, H2 para cada seção, alt text contendo palavra-chave |
| Densidade da keyword | ≈ 1 % distribuída em título, meta, primeiro parágrafo, subtítulos e CTAs |
| Links | Botões de checkout com rel="nofollow"; link interno para case anterior de suplementos |
| Copy | Mantida fiel ao texto fornecido pelo cliente; fizemos ajustes apenas na hierarquia e micro-textos de CTA |
Essas práticas aumentam relevância para pesquisas como “encapsulado de cabelo que funciona” e “vitamina capilar natural”.
Resultados & próximos passos
Nos 21 dias seguintes ao lançamento, a nova landing page elevou a taxa de conversão de 4,8 % para 7,6 % (+58 %). O carrossel de antes & depois concentrou 42 % do tempo médio de permanência, mostrando a força das provas visuais. O selo Garantia 30 Dias reduziu reembolsos em 18 %.
Próximo passo proposto: A/B testing entre CTA verde sólido e gradiente para validar qual estética gera ainda mais cliques no mobile.
