Todos os projetos Gildson Soares EN Quero uma LP assim
Case 02Landing page · Conversão

Pulso LP

Uma página de venda que mostra o produto funcionando em vez de prometer. A rolagem conta a história: da dor ao plano certo.

Papel
Copy, UX, design e código
Objetivo
Converter visitante em teste grátis
Formato
9 cenas de rolagem
Status
Em produção
Pulso · landing page
O desafio

Vender software para quem vive no WhatsApp.

Personal trainers e nutricionistas não leem manual. Se a página não mostrar em segundos como o dia deles muda, eles voltam para o grupo de mensagens.

A abordagem

Cada rolada, uma prova.

Em vez de lista de recursos, a página encena o problema (balões de WhatsApp lotando a tela) e responde com o app em movimento. O preço chega quando a pessoa já se viu usando, com uma calculadora que traduz o plano em custo por aluno.

A página, capítulo por capítulo 7 capítulos
  1. AberturaFundo vivo, linha de batimento e os dois apps lado a lado.
  2. A dorBalões de WhatsApp tomam a tela até não caber mais.
  3. App do alunoTrilho horizontal com treino, séries, dieta e evolução.
  4. PainelIndicadores contam, check-ins chegam como notificação.
  5. IA PulsoO resumo da carteira se escreve antes do café.
  6. PlanosCalculadora da carteira e custo por aluno.
  7. FechamentoDepoimentos reais e uma única chamada clara.
Pulso · landing page
Abertura Seção da dor com mensagens de WhatsApp Telas do app do aluno Painel com indicadores Resumo da IA Pulso Planos Regular, Essencial e Pro Depoimento de cliente e chamada final
O que sustenta a conversão

Bonita é consequência. O foco é decisão.

01

Dor antes do produto

A página abre a conversa pelo problema que o visitante vive hoje. Quando o app aparece, ele já é a resposta.

02

Preço que faz conta

Uma calculadora traduz cada plano em custo por aluno. Os valores são os mesmos em toda a página: selos, cards, calculadora e FAQ.

03

Celular tratado à parte

No celular, os balões viram uma pilha de chat e o aparelho se ajusta à altura da tela. Validado de 360 a 412 px e em 1440 px.

04

Prova social verdadeira

Só entram depoimentos de clientes reais que aprovaram o texto. Nenhuma avaliação inventada para preencher espaço.

05

Movimento com respeito

Toda animação tem versão estática para quem ativa o movimento reduzido no sistema.

No celular

Pensada primeiro para o polegar.

No celular, os balões viram uma pilha de chat, o aparelho se ajusta à altura da tela e os planos ficam um embaixo do outro, sem perder a calculadora.

Abertura da página no celular
Abertura
Telas do app na página, no celular
App do aluno
Planos no celular
Planos
Tecnologia
  • HTML, CSS e JavaScript
  • React (runtime)
  • Motor de animação próprio
  • SVG animado
  • Montserrat
  • Playwright para validar mobile
  • Vercel