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.

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.

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.

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.

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.

A língua visual do projeto.
- #0E0906
- #1E140A
- #D9A83C
- #F3D68B
- #F6EBD8
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 & ? !
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 & ? !
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.
O que ela tem, e por quê.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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é.
-
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.
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.