22 / CASE VEDDU · Sono e bem-estar
Landing page para suplemento de sono: Zen Caps
Landing page de venda direta do Zen Caps, suplemento alimentar com melatonina e triptofano, ligada a um checkout próprio em pedido.zencaps.com.br, onde a compra fecha.
Role a página: a landing do Zen Caps passa inteira, do topo ao rodapé, no desktop e no celular.
Contexto
do projeto
Resposta direta
Vale a pena ter checkout próprio para vender suplemento
Vale quando a marca quer decidir a própria oferta. Numa plataforma de checkout de terceiros, preço, formas de pagamento e cadastro do produto seguem as regras dela. Com checkout próprio, montar um kit, mudar um desconto ou escolher como receber passa a ser decisão da marca.
- Contexto
- Suplemento alimentar com melatonina segue as regras da ANVISA e é vendido em farmácia, marketplace e venda direta. Na venda direta, quem traz o comprador é o anúncio, e a página faz o papel do vendedor. Até 2 de setembro de 2026, a compra fechava numa plataforma externa, e o pedido que chegava ao sistema de gestão nem sempre trazia o kit certo.
- Desafio
- Trocar a plataforma de pagamento com a página já no ar e vendendo, sem deixar nenhum botão de compra apontando para o endereço antigo.
- Decisão
- Deixar a escolha do kit inteira na página e fazer o checkout partir do mesmo preço à vista que ela anuncia.
Quatro recortes da página ao checkout e a decisão por trás de cada um.
Capturas da landing e do checkout do Zen Caps, em computador e celular, com os preços da oferta em outubro de 2026. Use o índice para ir direto a um recorte ou siga na ordem.
Identificação
Logo abaixo do topo, cinco situações em que o visitante se reconhece.
Os cartões falam de deitar e a cabeça não parar, de esperar horas pelo sono, de acordar sem energia e da ansiedade sem motivo aparente. Cada um traz a foto de alguém em casa, à noite, quase sempre gente madura, e o bloco vem antes da apresentação do suplemento. No celular, os cartões ficam em coluna e a foto ganha o topo de cada um.
Oferta em kits
Quatro kits numa coluna: só o escolhido abre parcela e botão.
A oferta vai de um a seis frascos, e o preço por frasco cai conforme o kit cresce: R$ 149,99 no kit de um, menos da metade no de seis. O kit de seis abre marcado, com o selo de mais vendido. Os outros ocupam uma linha cada, com quantidade e preço, e dá para comparar os quatro sem abrir nenhum. No celular, a foto vem primeiro e o kit aberto ocupa a tela.
Troca de kit
Trocar de kit troca a foto: a pessoa vê quantos potes vai levar.
Ao escolher outro kit, a foto ao lado passa a ser a da embalagem daquele kit: com dois frascos marcados, aparecem dois potes. Cada opção tem a sua foto, e a quantidade se confirma pela imagem antes do pagamento, sem depender só do nome do kit.
Checkout
No checkout, letra e campo no tamanho de quem compra.
O checkout repete o logo manuscrito e o azul-marinho da página, e a faixa Você está levando traz a mesma foto do kit escolhido. A leitura foi ajustada para um público acima dos 35 ou 40 anos: no celular, os campos têm 56 px de altura e texto de 18 px, tamanho que também evita o zoom automático do iOS ao tocar no campo.
Como a Veddu constrói uma landing page que vende suplemento em kits.
Sistema visual da página
- Títulos
- Rethink Sans 900 · 48 px no topo em tela larga, 41,6 px nas seções
- Assinatura
- Style Script · logo, títulos e selo de garantia
- Azul-marinho
- #1C1D6E · fundo do topo e primeira linha dos títulos
- Ciano
- #25AADD · segunda linha dos títulos, faixas e nuvens
- Verde
- #2AD352 · destaques da oferta e da garantia
- Texto corrido
- #333333 · Rethink Sans 400, 17,92 px
- Texto dos cartões
- #587C89 · descrições sob as fotos e os ícones
Medidos na página publicada em zencaps.com.br em 5 de outubro de 2026. O ciano dos títulos é o mesmo do logo.
Vale para qualquer marca de suplemento com venda direta. Cada etapa acende, ao lado, o registro real deste projeto.
- 01
Sistema visual: títulos em duas cores e a marca manuscrita
As seções repetem o mesmo sistema: títulos em Rethink Sans no peso 900, com a primeira linha em azul-marinho e a segunda em ciano; o nome Zen Caps manuscrito, em Style Script, dentro das próprias frases; nuvens ciano recortando a passagem entre blocos; e a cápsula translúcida com ervas como elemento recorrente.
Sistema visual da página
- Títulos
- Rethink Sans 900 · 48 px no topo em tela larga, 41,6 px nas seções
- Assinatura
- Style Script · logo, títulos e selo de garantia
- Azul-marinho
- #1C1D6E · fundo do topo e primeira linha dos títulos
- Ciano
- #25AADD · segunda linha dos títulos, faixas e nuvens
- Verde
- #2AD352 · destaques da oferta e da garantia
- Texto corrido
- #333333 · Rethink Sans 400, 17,92 px
- Texto dos cartões
- #587C89 · descrições sob as fotos e os ícones
Medidos na página publicada em zencaps.com.br em 5 de outubro de 2026. O ciano dos títulos é o mesmo do logo.
- 02
Troca dos links de compra por código, de um para um
Os botões de compra estavam na página principal, em outras páginas de oferta do site e nos modelos do Elementor. Como cada código da plataforma antiga equivalia a um único kit, a troca foi de um para um, por script direto no banco, que só rodava com os quatro endereços novos respondendo e depois de uma cópia de segurança.
- 01Kits montados no checkout próprio
- 02Endereços novos respondendo
- 03Cópia do banco e troca por script
- 04Varredura no site inteiro
- 36
- ocorrências de cada link antigo no banco
- 14
- páginas e modelos com o link trocado
- 0
- links para a plataforma antiga na varredura final
Duas passadas no banco: uma nos dados do Elementor e outra no conteúdo das páginas, que o primeiro script não cobria.
- 03
Duas formas de pagamento, com o PIX na frente
O checkout abre com o PIX marcado e o aviso de aprovação imediata; o cartão de crédito vem em seguida. O resumo ao lado já mostra o total com o desconto do PIX antes do clique final. O boleto saiu no dia da troca de plataforma.
Pagamento no checkout
- 5%
- de desconto no PIX
- 12x
- no cartão de crédito
Processamento- Mercado Pago
Conferido no checkout no ar; a saída do boleto vem do registro do projeto.
- 04
A origem da visita chega ao pedido
Quando a visita chega com UTM, um script guarda no navegador, por sete dias, a fonte, o meio e a campanha. No clique em comprar, ele registra no GA4 qual kit foi escolhido, lido do próprio endereço do checkout, e acrescenta a origem a esse endereço. O checkout grava a origem no pedido.
228if (utm.utm_source) {229 var sep = href.indexOf('?') === -1 ? '?' : '&';230 link.setAttribute('href', href + sep231 + 'utm_source=' + encodeURIComponent(utm.utm_source)232 + '&utm_medium=' + encodeURIComponent(utm.utm_medium || '')233 + '&utm_campaign=' + encodeURIComponent(utm.utm_campaign || 'direto')234 + '&utm_content=' + encodeURIComponent(ctaId));235}Linhas 228 a 235 do HTML servido em zencaps.com.br. Sem origem guardada, o endereço segue sem parâmetros e o GA4 marca o clique como direto.
Vende suplemento em kits? Peça um diagnóstico da oferta.
A Veddu confere a lógica de preço entre os kits, as fotos de cada um e cada passo entre o botão de compra e o pedido registrado, e aponta o que mudar primeiro na página e no checkout.
Frentes deste projeto
- SitesLanding page em WordPress e Elementor, sistema visual, bloco de kits com foto por quantidade, checkout próprio e a migração dos botões de compra no site inteiro.
- Tráfego pagoMedição pensada para os anúncios: as vendas podem ser separadas por campanha, e o clique no botão de WhatsApp também conta como evento no GA4.