WHISKAS B2B · Petiscos para Varejo
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 |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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) |
| 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.
