Visão Geral do Projeto
O objetivo deste projeto foi o design e desenvolvimento de uma página de vendas focado na conversão direta de um infoproduto (curso online de artesanato/amigurumi). O layout foi construído seguindo uma estrutura de funil direto, utilizando blocos de retenção em vídeo, listas de quebra de objeções, prova social integrada, seção de garantia incondicional e ancoragem de preço com checkout facilitado.
Engenharia Visual e Elementos do Layout
1. Seção Hero (Abertura com Gatilho de Escassez)
-
Desktop (
curso amigurumi PC.jpg): O topo inicia com uma barra de urgência contendo um cronômetro regressivo ativo (scarcity timer). A headline foca no benefício emocional (Transforme linhas em histórias diárias...). O centro da dobra é dominado por um player de vídeo estruturado com bordas sólidas e sombra projetada (drop shadow), gerando profundidade sobre o fundo rosa texturizado com fotos sutis de amigurumis. O CTA principal (Quero me inscrever agora) usa um botão magenta vibrante com cantos arredondados. -
Mobile (
curso amigurumi mobile.jpg): O layout comprime o cabeçalho e o cronômetro para a zona de visualização imediata. O player de vídeo ganha um botão de play vermelho centralizado de alto contraste e os selos de segurança e garantia são puxados para logo abaixo do botão de ação, aumentando a confiabilidade no clique móvel.
2. Transições e Grid de Benefícios
-
A transição entre a dobra inicial e o conteúdo adota formas onduladas orgânicas (wave dividers) que conversam diretamente com a estética suave e manual do nicho de costura/crochê.
-
O grid de benefícios distribui de forma limpa cinco ícones minimalistas com títulos diretos (
Acesso Vitalício,Suporte VIP,Certificado Incluso,Materiais DidáticoseBônus Exclusivos), organizados horizontalmente no PC e empilhados em formato de lista fluida no mobile.
3. Bloco de Quebra de Objeções e Lista de Conteúdo
-
Estruturado sobre um fundo sólido magenta, este bloco utiliza uma lista com marcadores personalizados em formato de checkmats verdes (ícone de visto). O texto em alta legibilidade resolve de ponta a ponta as maiores dúvidas e dores do público comprador antes que eles cheguem à oferta de preço.
4. Depoimentos (Prova Social) e Garantia
-
Prova Social: Espaço dedicado para um carrossel de depoimentos reais, mostrando no mobile capturas de tela verticais de alunas reais exibindo seus trabalhos finalizados (validação de entrega).
-
Selo de Garantia: Um bloco focado na redução de risco, exibindo um selo dourado texturizado destacando a
"Garantia Incondicional de 7 Dias", blindando a venda contra arrependimentos.
5. Accordion de FAQ e Checkout de Preço
-
FAQ: Sistema de sanfona (accordion toggles) compacto com cabeçalhos magenta escuro. Ao ser clicado, expande a resposta de forma limpa, limpando as últimas dúvidas do lead.
-
Ancoragem de Oferta: O bloco de fechamento repete o cronômetro de escassez e traz uma caixa de destaque com cantos arredondados simulando um cupom ou etiqueta, com a precificação parcelada em fonte gigante de altíssimo contraste (
12x de R$ 3,99), seguida pelo botão de compra final e ícones das bandeiras de cartões aceitas no rodapé.
Especificações Técnicas do Case
-
Tipo de Projeto: Landing Page de Vendas / Direct Response Sales Page
-
Tecnologias: WordPress / Elementor Pro / CSS Otimizado para Carregamento Rápido (essencial para infoprodutos)
-
Foco Estratégico: Psicologia de cores aplicada ao nicho, funil de leitura linear, alta responsividade e foco absoluto em cliques de conversão (CTR).