Sites e páginas de vendas

Hormones Mentoring Elite

Reformulação de uma aplicação para mentoria em formato de landing page para grande autoridade médica.

Cliente
Dr. André Vinícius
Nicho
Mentoria para médicos
do início à entrega
2 dias

O problema

A Hormones Mentoring se dividiu em duas formações, e o topo da escada passou a precisar de página própria. A anterior tinha a mesma cara da base, no mesmo verde, e falava com quem quer aprender fundamento do mesmo jeito que fala com quem já opera e quer virar referência. O comercial também recebia contato de gente em qualquer estágio, e toda a triagem acontecia na conversa.

Trecho da página

O que eu fiz

A primeira decisão foi de cor. O Essentials é verde profundo com neon, e o Elite precisava se distinguir dele continuando a mesma marca. Fomos para marrom e ouro, com o dourado contido, marcando as bordas em vez de espalhar luz pela tela. É a paleta que esse público associa a sobriedade, e ela sozinha já avisa que este é o degrau de cima.

Trecho da página

A copy da página anterior foi mantida quase inteira, por escolha do Dr. André. O que mudou foi como ela é lida. O topo põe o texto ao lado do vídeo, a dobra de para quem é prende a tela e troca uma frase por vez, e os quatro encontros presenciais viram uma linha do tempo numa faixa só, com as fotos de cada um.

Trecho da página

Cada dobra tem um efeito de luz próprio, gerado no navegador. No topo a luz atravessa o fundo devagar, e na dobra da missão ela desliza pelo dourado como reflexo em metal. A paleta acompanha, com uma zona de cor por seção, então a página escurece e clareia conforme a pessoa desce.

Trecho da página

A aplicação virou página separada, com onze passos que perguntam uma coisa de cada vez. As respostas caem numa planilha que o time comercial acompanha, com o campo que marca quem chegou até o fim. Quem responde que o Elite ainda não cabe agora segue para o Essentials na mesma tela, e a resposta continua gravada.

Trecho da página
Identidade

A língua visual do projeto.

  • #0E0906
  • #1E140A
  • #D9A83C
  • #F3D68B
  • #F6EBD8
Títulos Sora peso leve, entrelinha aberta

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9 & ? !

Corpo Jost leitura longa, ar entre linhas

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9 & ? !

Resultado

Veja o resultado final.

Escolha entre as versões para desktop ou celular. Você pode ver a página arrastando para baixo ou clicando no botão tocar.

Hormones Mentoring Elite — página rolando
O projeto

O que ela tem, e por quê.

  1. Cores próprias, de luxo e elegância

    O Essentials é verde com neon. O Elite foi para marrom e ouro, que é a paleta que esse público lê como sobriedade, e ela já avisa sozinha que este é o degrau de cima.

  2. Formulário de aplicação nativo

    A aplicação é da própria página, sem ferramenta de terceiro. São onze passos com uma pergunta por vez, o rascunho fica salvo no navegador e a resposta cai na planilha que o comercial acompanha.

  3. Animação no rolar do mouse

    Cada dobra entra conforme a pessoa desce a página. A de para quem é prende a tela e troca uma frase por vez, então a leitura acontece no ritmo de quem rola.

  4. Imagens que viraram vídeo

    A figura do Dr. André no meio da página é uma sequência de 76 fotos que avança quadro a quadro conforme a pessoa rola. São imagens comprimidas, o que segura o peso da página baixo.

  5. Grade dos encontros antigos

    Os quatro encontros presenciais ficam em abas lado a lado, do primeiro ao quarto, cada um com as fotos do dia e o vídeo do evento.

  6. Fundo com efeitos de luz e sombra

    O fundo de cada dobra é gerado no navegador e respira devagar. Mantém o arquivo leve e evita repetir a mesma textura do topo ao rodapé.

  7. Foco no expert

    Mestrado, título de especialista, o livro e as instituições por onde o Dr. André passou ficam numa dobra própria, com vídeo. É o que sustenta o preço da mentoria.

Próximo passo

Análise da presença digital

Me manda os seus links. Eu olho a sua presença atual e te digo por onde começar.