Sites e páginas de vendas

Ramon Junckes

Página de vendas para um expert do varejo, reconhecido no ramo alimentício de Santa Catarina.

Cliente
Ramon Junckes
Nicho
Mentoria de varejo
Onde
Santa Catarina
do início à entrega
10 dias

O problema

O Ramon Junckes é um dos donos do Brisa Mini Mercado, grande rede de mercados de Santa Catarina. Depois de anos crescendo a própria operação, ele começou a receber convite para dar consultoria, viu que o que fazia na rede funcionava na loja dos outros, e resolveu transformar isso em curso. Faltava a página que vendesse.

Trecho da página

Quem compra um curso desses é outro dono de mercado, e esse comprador desconfia. Ele já viu promessa de crescimento demais e o que quer saber, antes de qualquer módulo, é se quem está ensinando fez de verdade na própria loja.

Trecho da página

O que eu fiz

A primeira coisa foi entender o segmento e o tipo de cliente que compra um curso assim. Com esse estudo na mão, montei algumas versões da página até chegar no resultado final, e a discussão nunca foi de estética, era de sequência: onde entra a prova, onde entra o conteúdo, onde entra a oferta.

Trecho da página

A resposta foi colocar o resultado da rede dele logo depois da promessa, com os números na frente. Crescimento de 1672% numa única loja entre 2014 e 2023, 43.238% na rede toda comparado a 2014, R$ 140 milhões de faturamento, e 16% de crescimento médio no primeiro mês das consultorias que ele já tinha feito. Ao lado dos números, a foto dele com a esposa na porta do mercado.

Trecho da página

Junto veio a história pessoal, que é o que faz o outro dono se reconhecer: casado, pai de duas meninas, no começo sem tempo para a família e preso dentro da própria empresa. É a mesma vida de quem está lendo, e foi por isso que ela entrou antes do conteúdo.

Trecho da página

A estrutura da oferta do curso foi planejada em três pilares, estratégias ativas, passivas e reativas, e essa divisão virou também a espinha da página: o comprador entende primeiro o método, e cada módulo cai debaixo do pilar a que pertence. Quem lê termina sabendo onde cada coisa que vai aprender se encaixa.

Trecho da página

A oferta ficou por último, com a lista do que entra e uma chamada de compra com apelo visual forte, desenhada para prender o olho. É curso de ticket baixo, então a página precisa carregar rápido e ser lida no celular em pé dentro da loja. Amarelo forte sobre quase preto resolve o contraste em tela pequena e em luz de supermercado, e o verde ficou guardado só para o botão de compra.

Trecho da página
Identidade

A língua visual do projeto.

  • #ECB627
  • #201F1B
  • #F1F1EE
  • #21CF93
Títulos Roboto peso 900, para ler em tela pequena

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 Roboto a mesma família em 400

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.

Ramon Junckes — página rolando
O projeto

O que ela tem, e por quê.

  1. O estudo do segmento antes do desenho

    Entender o dono de mercado veio primeiro. Dali saíram as versões de estrutura da página, até fechar a sequência de onde entra a prova, o conteúdo e a oferta.

  2. Os números da rede em cartão amarelo

    1672% de crescimento numa loja e 43.238% na rede entram em corpo de manchete, dentro de um cartão amarelo, ao lado da foto dele com a esposa na porta do mercado. Quem compra é outro dono de mercado, e quer ver o feito antes do programa.

  3. Os três pilares em cartões sobre painel amarelo

    Ativas, passivas e reativas ficam em cartões brancos com ícone, dentro de um painel amarelo. Cada módulo do curso aparece embaixo do pilar a que pertence, com o número numa etiqueta ao lado do nome.

  4. Os depoimentos como print de conversa

    A prova social entra em print de mensagem real, com horário e o valor fechado no mês. Aluno de mercado manda o resultado pelo WhatsApp, e é nesse formato que ele aparece na página.

  5. A alternância de fundo entre as dobras

    A página troca entre claro, amarelo cheio e quase preto, uma cor por dobra, e a troca marca onde um assunto acaba e o outro começa.

  6. No celular os prints passam em carrossel

    Os três cartões de conversa, que no desktop ficam lado a lado, viram uma faixa que rola para o lado, com o cartão seguinte aparecendo cortado na borda para dizer que tem mais.

  7. Contraste alto para tela pequena

    Amarelo forte sobre quase preto se lê no celular em pé dentro da loja.

  8. Verde só no botão de compra

    A única cor que não aparece em mais nenhum lugar da página.

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.