Pular para o conteúdo
guimarketing

Wireframe Landing Page — WHISKAS B2B

Wireframe em formato de tabela para landing page de geração de SQLs. Framework P.A.S.T.O.R. — Petiscos Whiskas para Varejo B2B.

WHISKAS B2B · Petiscos para Varejo

Tabela — WHISKAS-B2B wireframe-framework

Seção

Framework

Elemento

Conteúdo

Notas para Designer

P — PROBLEM (Identificar a dor do varejista)

Hero Section

Problem

Headline (H1)

Sua gôndola está rendendo menos do que deveria?

Fundo escuro (#1a1a2e) com gradiente sutil para roxo. Tipografia Inter Tight bold, 48px desktop / 32px mobile. Máximo 2 linhas.

Hero Section

Problem

Subheadline

Se seus clientes entram, compram apenas ração e vão embora — você está perdendo receita em cada visita. Descubra como transformar metros quadrados ociosos em lucro recorrente.

Texto Inter 400, 18px, cor #a0a0b0. Máx 3 linhas. Abaixo da headline com 16px de espaçamento.

Hero Section

Problem

CTA Primário

Quero Aumentar Meu Ticket Médio →

Botão roxo (#864df9) com texto branco, border-radius 12px. Hover com leve brilho/glow. Âncora para formulário.

Hero Section

Problem

Trust Bar

  • 🏆 Marca nº 1 em nutrição felina no Brasil
  • 📦 +50.000 PDVs abastecidos
  • ⚡ Giro 3x mais rápido que ração seca por m²
  • 🔄 Recompra garantida — alta palatabilidade

Barra horizontal com 4 badges em grid. Fundo levemente mais claro que o hero. Ícones à esquerda de cada item. Font 14px, semi-bold.

A — AMPLIFY (Amplificar a dor com dados concretos)

Dores Amplificadas

Amplify

Headline (H2)

Enquanto você vende ração no preço de custo, seus concorrentes faturam com petiscos.

Fundo branco. Headline em Inter Tight, 32px, cor #1a1a1a. Texto centralizado com max-width 720px.

Dores Amplificadas

Amplify

Cards de Dor (3x)

  • 💸 Margem espremida: Ração seca em promoção gera volume, mas corrói seu lucro. A margem líquida na ração básica não chega a 8%.
  • 📉 Ticket médio estagnado: O cliente entra, pega ração e vai embora. Sem produto de impulso, seu ticket médio fica preso na faixa de R$ 35–50.
  • 🏪 Competição desigual: Cobasi e Petz investem em experiência e mix premium. Sem estratégia de petiscos, o pet shop de bairro perde relevância.

3 cards em grid (1 coluna mobile, 3 desktop). Border-top roxo 4px. Fundo #fff, shadow sutil. Ícone grande à esquerda. Texto 14px.

Dores Amplificadas

Amplify

Dado de Mercado

O mercado de petiscos pet cresce 15% ao ano no Brasil. Quem não aproveita agora, perde espaço para quem já reposiciona a gôndola. — Fonte: ABINPET 2025

Bloco highlight com fundo var(--brand-gold) opaco. Texto em itálico, Inter 500. Ícone de gráfico à esquerda. Max-width 640px, centralizado.

S — STORY / SOLUTION (Apresentar a solução com narrativa)

Solução

Story

Headline (H2)

O produto que o tutor já chega procurando — agora no caixa da sua loja.

Fundo levemente lilás (var(--brand-lilac) 20% opacity). Headline Inter Tight 32px. Centralizado.

Solução

Story

Narrativa de Case

"O João tem um pet shop de bairro em Campinas. Vendia bem ração, mas o ticket médio não passava de R$ 42. Quando colocou o display Whiskas Temptations na frente do caixa, o ticket subiu para R$ 67 em 3 semanas. Hoje, a seção de petiscos responde por 22% do faturamento dele."

Bloco tipo quote com borda esquerda roxa. Fundo #fff. Foto fictícia de pet shop ao lado. Typography 16px, Inter 400, line-height 1.8.

Solução

Story

Benefícios (Feature Grid 4x)

  • 🎯 Giro rápido garantido: O brand equity Whiskas gera demanda orgânica — o tutor já conhece e confia na marca.
  • 📦 Display grátis pronto para usar: Expositor de caixa profissional enviado sem custo extra. Monta em 5 minutos.
  • 💰 Markup atrativo: Margem de lucro de até 45% na venda unitária ao consumidor final. Preço competitivo no atacado.
  • 🚚 Logística Mars sem ruptura: Malha capilarizada com entrega pontual. Nunca fique sem estoque no ponto alto de vendas.

Grid 2x2 desktop, 1 coluna mobile. Cards com ícone grande (40px), título bold, descrição 14px. Hover com elevação sutil. Fundo branco, border-radius 16px.

T — TESTIMONY (Provas sociais e depoimentos)

Prova Social

Testimony

Headline (H2)

Varejistas como você já estão lucrando mais com Whiskas.

Fundo branco. Headline Inter Tight 32px, centralizado. Subtitle em cinza abaixo: "Resultados reais de lojistas parceiros."

Prova Social

Testimony

Cards de Resultados (2x)

  • Case 1 — Rede de Minimercados (SP): "+25% nas vendas da seção pet após instalar displays de caixa Whiskas Temptations em 12 lojas. ROI positivo no primeiro mês."
  • Case 2 — Pet Shop de Bairro (MG): "Lucratividade por m² triplicou com os expositores exclusivos. A seção de petiscos que ocupava 0,5m² agora gera mais receita que 3m² de ração seca."

2 cards lado a lado (stack mobile). Cada card: foto do lojista/loja, citação em aspas, nome e segmento do lojista abaixo. Border-left roxa. Fundo #fff, shadow.

Prova Social

Testimony

Números de Impacto (Counter Bar)

  • +50.000 PDVs abastecidos no Brasil
  • 3x mais giro por m² que ração seca
  • 45% markup médio para o varejista
  • 24h resposta comercial garantida

Barra com 4 counters em grid horizontal. Números grandes (40px, bold, cor roxa), labels menores (14px, cinza). Fundo var(--brand-lilac) 10%. Animação de contagem ao scroll (opcional).

O — OFFER (Apresentar a oferta irrecusável)

Oferta

Offer

Headline (H2)

Comece a lucrar com Whiskas agora — sem risco e com suporte completo.

Fundo gradiente sutil (gold → lilac). Headline Inter Tight 32px, centralizado. Cor escura (#1a1a1a).

Oferta

Offer

Checklist de Entrega (O que você recebe)

  • ✅ Condições especiais de atacado com pedido mínimo acessível
  • ✅ Display expositor de caixa gratuito (comodato ou brinde)
  • ✅ Suporte de Trade Marketing com estratégias de cross-merchandising
  • ✅ Malha logística Mars com entrega pontual e sem ruptura
  • ✅ Markup sugerido de até 45% na ponta — margem real no seu bolso
  • ✅ Acesso ao portal B2B para reposição self-service 24/7
  • ✅ Política de troca em caso de produtos próximos do vencimento

Lista vertical com ícones de check verde. Fundo branco, card com border-left roxa. Cada item com padding generoso. Tipografia 15px. Box separado com sombra.

Oferta

Offer

Comparativo (Antes vs Depois)

  • ANTES (sem Whiskas): Ticket médio R$ 38 · Margem 8% na ração · Gôndola subutilizada · Zero compra por impulso
  • DEPOIS (com Whiskas): Ticket médio R$ 65+ · Markup 45% em petiscos · m² otimizado com display · Recompra recorrente automática

Tabela ou split-view visual (2 colunas). Lado esquerdo: tons vermelhos/cinza (dor). Lado direito: tons verdes/roxos (resultado). Contraste visual forte.

R — RESPONSE (Chamada para ação + formulário)

Formulário

Response

Headline do Form

Solicite Sua Proposta Comercial — Resposta em até 24h úteis.

Formulário em card com fundo branco, sombra e bordas arredondadas (16px). Headline Inter Tight 24px, cor roxa.

Formulário

Response

Campos do Form (Lead Scoring)

  • Nome completo
  • E-mail corporativo
  • Telefone / WhatsApp
  • Nome da loja / empresa
  • CNPJ (opcional — facilita condições)
  • Segmento (dropdown): Pet Shop | Supermercado | Minimercado | Clínica Vet | Distribuidor | Outro
  • Nº de lojas/pontos de venda (dropdown): 1 | 2–5 | 6–20 | 20+
  • Principal desafio (dropdown): Aumentar ticket médio | Diversificar mix | Competir com grandes redes | Melhorar giro de estoque | Outro

Formulário limpo com labels claras. Inputs com border-radius 8px, border cinza. Dropdowns para campos de scoring. 2 colunas em desktop, 1 em mobile. Fundo do card levemente off-white.

Formulário

Response

CTA do Form

Solicitar Proposta Comercial →

Botão grande, roxo (#864df9), full-width dentro do card. Texto branco, bold. Hover com glow sutil. Border-radius 12px. Min-height 56px.

Formulário

Response

Garantia / Trust

🔒 Seus dados são confidenciais e usados apenas para contato comercial. Proposta sem compromisso — resposta garantida em até 24h úteis.

Texto pequeno abaixo do botão. Ícone de cadeado. Font 12px, cor #999. Alinhamento centralizado.

SEÇÃO EXTRA — FAQ (Quebra de objeções finais)

FAQ

Extra

Headline (H2)

Dúvidas Frequentes de Novos Parceiros

Fundo branco. Headline Inter Tight 28px, centralizado. Accordion com 4–5 perguntas.

FAQ

Extra

Accordion (4 perguntas)

  • Qual o valor do pedido mínimo? — O pedido mínimo varia conforme a região e o canal de compra (direto ou distribuidor). Solicite uma proposta para receber condições personalizadas para o porte da sua loja.
  • O display expositor é gratuito? — Sim. O display de caixa Whiskas Temptations é fornecido em comodato ou como brinde a partir do primeiro pedido. Ocupa menos de 0,3m² na frente do caixa.
  • Qual a margem de lucro que terei? — O markup sugerido para venda ao consumidor final é de até 45%, dependendo do SKU e do canal. Apresentamos a tabela completa na proposta comercial.
  • E se os produtos ficarem próximos do vencimento? — A Mars possui política de troca e suporte logístico para garantir que seu estoque não encalhe. Além disso, o giro rápido de Whiskas minimiza esse risco naturalmente.

Accordion com seta animada (toggle). Border-bottom 1px entre itens. Fundo branco, resposta com padding extra. Font 14px. Ícone de seta roxa.

SEÇÃO EXTRA — ECOSSISTEMA MARS PETCARE

Cross-Sell

Extra

Banner Sinergia

Whiskas faz parte do portfólio Mars Petcare — líder global em nutrição animal. Conheça também Pedigree, Royal Canin e Optimum para ampliar seu mix de produtos e atender todas as necessidades dos tutores.

Banner horizontal com logos das marcas Mars. Fundo claro com borda gradiente sutil (gold → lilac → mint). Logos em escala de cinza com hover colorido. Link opcional para catálogo completo.

FOOTER

Footer

—

Informações

Logo Whiskas · Redes sociais (Instagram, Facebook, LinkedIn) · Telefone/WhatsApp comercial · "© 2026 Whiskas — Mars Petcare. Todos os direitos reservados."

Footer minimalista, fundo escuro (#1a1a2e). Logo centralizada, links de redes e contato abaixo. Font 13px, cor #a0a0b0.

P.A.S.T.O.R.

Defesa do Wireframe: Framework P.A.S.T.O.R.

1. Justificativa da Escolha

O framework P.A.S.T.O.R. (Problem → Amplify → Story/Solution → Testimony → Offer → Response) foi selecionado entre 10+ opções após análise cruzada do ICP, nível de consciência e objetivo de campanha.

  • Estrutura narrativa completa — P.A.S.T.O.R. é o único framework que combina identificação do problema, amplificação com dados, storytelling com case real, prova social, oferta estruturada e chamada para ação — tudo em progressão lógica. Isso é fundamental para um ICP B2B que precisa ser educado antes de converter.
  • Transição Problem-Aware → Solution-Aware — O ICP real da Whiskas B2B sabe que precisa aumentar ticket médio, mas ainda não explorou petiscos como categoria estratégica. O P.A.S.T.O.R. conduz essa transição naturalmente através da tríade Problema → Amplificação → Solução.
  • Prova social como pivô de conversão — Em vendas B2B para PMEs, o varejista precisa ver que "lojistas como ele" já estão lucrando. A etapa Testimony é o diferencial competitivo: cases reais com números ("+25% vendas", "3x lucratividade") ativam o efeito bandwagon e reduzem a aversão ao risco.
  • Oferta irrecusável estruturada — A etapa Offer permite apresentar a proposta de valor completa (display grátis, markup 45%, logística sem ruptura) de forma organizada, eliminando objeções antes do formulário.

2. Adequação ao Contexto

  • Nível de consciência: Problem-Aware → Solution-Aware. O varejista chega via Google Ads Search (busca ativa: "comprar whiskas atacado") ou Meta Ads (geração de demanda com cases visuais). Em ambos os casos, precisa ser educado sobre o potencial de petiscos como categoria de margem antes de converter.
  • Natureza do produto: Venda B2B de bens de consumo rápido (FMCG) com pedido mínimo. Não é uma venda por impulso — o decisor precisa de ROI claro, prova social e confiança na logística. P.A.S.T.O.R. endereça cada um desses pontos em sequência.
  • Objetivo (SQL): O formulário com campos de scoring (segmento, nº de lojas, principal desafio) qualifica o lead diretamente na conversão. O time comercial recebe um MQL já categorizado para priorização de contato.
  • Canal: Alinhado a Google Ads Search B2B (35-40% budget, demanda ativa) e Meta Ads (25-30%, geração de demanda com carrossel de cases). A LP único serve ambos os canais com adaptação de headline via UTM (futuro A/B test).

3. Frameworks Descartados

  • AIDA (Attention → Interest → Desire → Action) — Demasiado genérico para B2B de FMCG. Falta a etapa de amplificação de dor com dados e o componente de prova social estruturada que é crucial para varejistas avessos ao risco.
  • PAS (Problem → Agitate → Solution) — Similar ao início do P.A.S.T.O.R., mas para abruptamente na solução. Não possui etapas de Testimony e Offer separadas, que são essenciais para B2B onde a confiança social e a oferta detalhada fazem a diferença.
  • FAB (Features → Advantages → Benefits) — Focado em produto, não em dor do cliente. Para um ICP B2B que precisa primeiro entender que petiscos são uma categoria estratégica, começar por features seria prematuro.
  • Q.U.E.S.T. (Qualify → Understand → Educate → Stimulate → Transition) — Excelente para vendas consultivas complexas (SaaS, consultoria), mas overengineered para FMCG B2B. O ciclo de decisão de 2-4 semanas da Whiskas B2B não justifica a etapa de qualificação educacional extensa do Q.U.E.S.T.

4. Resultado Esperado

  • Tempo médio na página: 2:30 a 3:30 min — A narrativa P.A.S.T.O.R. com case, dados de mercado e comparativo antes/depois mantém o engajamento. O FAQ no final captura o visitante que ainda tem dúvidas residuais.
  • Taxa de conversão estimada: 4% a 8% em Google Ads Search (demanda ativa) e 1,5% a 3% em Meta Ads (demanda gerada). Benchmark para landing pages B2B de FMCG com formulário de 6+ campos.
  • Qualidade dos leads: Os dropdowns de scoring (segmento, nº de lojas, principal desafio) filtram automaticamente o ICP. Leads com 6+ lojas e desafio "competir com grandes redes" são priorizados como hot leads pelo time comercial.
  • Custo por oportunidade: Estimativa de redução de 20-35% no CPL qualificado vs campanha sem LP dedicada, graças ao formulário de scoring e à narrativa de cases que pré-qualifica o decisor antes da conversão.

Esse ensaio e suas entregas foi criado como exercício prático de marketing digital, sem fins lucrativos e sem qualquer relação comercial com a Whiskas, Kal Kan, Mars, Incorporated., ACME Corporation, Warner Bros. Discovery, Looney Tunes ou terceiros. Todas as marcas pertencem aos seus respectivos proprietários.