Pular para o conteúdo
guimarketing

Wireframe Landing Page — WHISKAS® Petiscos

Wireframe em formato de tabela para landing page de geração de leads qualificados. Framework P.A.S.T.O.R. — Petiscos para Gatos.

WHISKAS® · Petiscos para Gatos

Tabela — WHISKAS-B2C wireframe-framework

Seção

Framework

Elemento

Conteúdo

Notas para Designer

P — PROBLEM (Identificar a dor do tutor)

Hero Section

Problem

Headline (H1)

Seu gato merece mais do que ração no pote.
Ele merece um momento só de vocês.

Fundo com gradiente roxo escuro (#3a1078 → #864df9). Tipografia Inter Tight bold, branca, máx 2 linhas. Imagem de gato ronronando no colo do tutor à direita.

Hero Section

Problem

Subheadline

Você sai cedo, volta tarde e sente que o dia passou sem dar atenção ao seu gato. WHISKAS® transforma sua chegada em casa no melhor momento do dia — pra vocês dois.

Texto branco, opacidade 90%, fonte Inter 16px. Máximo 3 linhas. Abaixo da headline com 16px de espaçamento.

Hero Section

Problem

CTA Primário

Quero Experimentar WHISKAS® →

Botão roxo (#864df9) com texto branco. Border-radius 12px. Hover com leve brilho e scale(1.02). Seta animada.

Hero Section

Problem

Trust Bar

  • 🔬 Desenvolvido pelo Centro Waltham
  • 🐱 8 em cada 10 gatos aprovam
  • 🔥 Menos de 2 cal por pedacinho
  • 🏪 Em +50.000 pontos de venda

Barra horizontal abaixo do hero, fundo branco semi-transparente. 4 ícones/badges em row. Fonte 13px, cinza escuro.

A — AMPLIFY (Amplificar a dor e as consequências)

Dores do Tutor

Amplify

Headline (H2)

Você reconhece alguma dessas situações?

Fundo claro (#f7f3ed). Headline centralizada em Inter Tight, cor escura. Emoji 🤔 opcional antes do texto.

Dores do Tutor

Amplify

Cards de Dor (3x)

  • 😿 "Meu gato enjoou de tudo" — Já testou 5 marcas e nenhuma agrada por mais de 1 semana. Cada petisco rejeitado é dinheiro jogado fora e frustração acumulada.
  • 😔 "Chego em casa e ele nem olha pra mim" — Você passa 8h+ fora. Quando chega, quer um momento de conexão mas o gato está indiferente. Falta um ritual que una vocês.
  • 😰 "Tenho medo de dar petisco e fazer mal" — Ouviu que petiscos engordam, causam problemas renais e são cheios de sódio. Quer mimar sem culpa, mas tem medo.

3 cards lado a lado (grid 3 colunas). Cada card com borda-top colorida (lilac, gold, pink). Fundo branco, border-radius 16px, sombra sutil. Emoji grande no topo.

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

Solução WHISKAS

Story

Headline (H2)

WHISKAS® nasceu para resolver isso.
O petisco que seu gato exige — e você pode confiar.

Fundo branco. Headline em duas linhas, Inter Tight bold. Linha inferior em roxo (#864df9) para contraste.

Solução WHISKAS

Story

Bloco Narrativo

A WHISKAS® é referência global em alimentação felina há décadas. Com o respaldo científico do Centro de Pesquisa Waltham, desenvolvemos petiscos com textura dupla exclusiva — crocantes por fora, macios por dentro — que alcançam uma palatabilidade de 97% de aceitação em testes com gatos. E o melhor: menos de 2 calorias por pedacinho.

Texto em parágrafo com fonte Inter 15px, line-height 1.8. Destacar "textura dupla exclusiva", "97% de aceitação" e "menos de 2 calorias" em bold roxo.

Diferenciais

Story

Feature Grid (4 cards)

  • 🦷 Textura Dupla — Crocante por fora auxilia na limpeza dos dentes. Macio por dentro encanta o paladar mais exigente.
  • ⚖️ Controle Calórico — Menos de 2 calorias por pedacinho. Seguro para gatos castrados consumirem diariamente.
  • 🧬 Enriquecido — Vitaminas e minerais que complementam a dieta. Não é só sabor — é nutrição de verdade.
  • 📦 Embalagem Zip — Sistema de fechamento que preserva crocância e aroma por mais tempo. Prático no dia a dia.

Grid 2x2 com cards brancos. Ícone/emoji grande no topo de cada card. Título em bold, texto explicativo abaixo. Border-radius 16px, hover com leve elevação.

T — TESTIMONY (Prova social e depoimentos)

Prova Social

Testimony

Headline (H2)

O barulho que faz qualquer gato aparecer correndo 🐾

Fundo lilac claro (#dcd3ef). Headline centralizada, Inter Tight. Emoji de pata no final.

Prova Social

Testimony

Vídeo UGC Embed

[Embed de vídeo UGC — "Efeito Chocalho": tutores balançando o pacotinho e gatos correndo de todos os cantos da casa]

Player de vídeo centralizado com border-radius 16px. Thumbnail atrativa com botão play. Aspect ratio 16:9. Máx 640px de largura.

Prova Social

Testimony

Depoimentos (3x)

  • ⭐⭐⭐⭐⭐ "Meu gato CORRE quando escuta o barulhinho da embalagem. Já testei várias marcas e WHISKAS é a única que ele nunca enjoou." — Maria C., tutora de 2 gatos
  • ⭐⭐⭐⭐⭐ "Minha gata é castrada e o veterinário aprovou porque tem poucas calorias. Dou 3 por dia como recompensa quando chego do trabalho." — Lucas R., tutor da Luna
  • ⭐⭐⭐⭐⭐ "A embalagem com zip é um diferencial enorme. Os petiscos ficam fresquinhos por semanas. E o barulho da embalagem virou nosso ritual." — Ana P., tutora do Simba

3 cards em row com citação, nome e avatar placeholder. Fundo branco, aspas decorativas em roxo claro. Estrelas em dourado (#F7E397).

Prova Social

Testimony

Selo de Autoridade

🔬 Qualidade nutricional validada pelo Centro de Pesquisa Waltham — referência mundial em nutrição animal com +50 anos de pesquisa. Marca certificada pela Mars, Incorporated.

Banner horizontal com ícone de microscópio. Fundo branco com borda lilac sutil. Logo Waltham à esquerda, texto à direita. Fonte 13px.

O — OFFER (Apresentar a oferta irresistível)

Oferta

Offer

Headline (H2)

Experimente WHISKAS® e descubra
o barulhinho que seu gato estava esperando 🎵

Fundo gradiente suave (gold → pink). Headline centralizada, Inter Tight bold, cor escura.

Oferta

Offer

Pacote / Sabores

  • 🥩 Sabor Carne — O clássico que 8 em cada 10 gatos aprovam
  • 🐟 Sabor Salmão — Para gatos com paladar sofisticado
  • 🍗 Sabor Frango — O favorito dos gatos mais exigentes

3 mini-cards em row com imagem do produto, nome do sabor e descrição curta. Fundo branco, hover com sombra elevada. Imagem do sachê/pacotinho em cada card.

Oferta

Offer

Onde Comprar (CTA Grid)

  • 🛒 Amazon — Comprar Agora
  • 🐾 Petlove — Comprar Agora
  • 🏪 Cobasi — Comprar Agora
  • 📦 Shopee — Comprar Agora

Grid 2x2 de botões com logo do varejista à esquerda e texto "Comprar Agora" à direita. Cada botão com cor de marca do varejista. Border-radius 12px. Hover com escala sutil.

Oferta

Offer

Benefício extra

📋 Guia Gratuito: "Quantidade Ideal de Petiscos por Dia" — Baixe o guia elaborado por veterinários e saiba exatamente quantos petiscos dar ao seu gato sem culpa.

Banner com ícone de download. Fundo lilac sutil. Botão "Baixar Guia Grátis" em roxo. Lead magnet para captura de email.

R — RESPONSE (Call-to-Action final)

Formulário

Response

Headline do Form

Receba ofertas exclusivas e o Guia do Tutor WHISKAS® 🐱

Formulário em card com fundo branco, sombra pronunciada e bordas arredondadas (16px). Headline Inter Tight bold no topo do card.

Formulário

Response

Campos do Form

  • Nome (Como podemos te chamar?)
  • E-mail (Para enviar o guia e ofertas)
  • WhatsApp (Opcional — para novidades em primeira mão)
  • Quantos gatos você tem? (dropdown: 1 / 2 / 3+)
  • Já conhece WHISKAS®? (dropdown: Sim, já compro / Sim, mas nunca comprei / Não conheço)

Formulário clean, labels claras, placeholders descritivos. Dropdowns para campos de segmentação. Máx 5 campos para não criar fricção. Indicador de campo opcional em itálico cinza.

Formulário

Response

CTA do Form

Quero Receber o Guia + Ofertas Exclusivas →

Botão grande, roxo (#864df9), full-width dentro do card. Texto branco bold. Hover com brilho e micro-animação de seta.

Formulário

Response

Garantia / Trust

🔒 Seus dados estão seguros. Não enviamos spam — apenas dicas de cuidados felinos e ofertas exclusivas. Você pode se descadastrar a qualquer momento.

Texto pequeno abaixo do botão. Ícone de cadeado. Fonte 12px, cor cinza (#999). Max-width 400px centralizado.

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

FAQ

Extra

Headline (H2)

Dúvidas frequentes de tutores como você

Fundo claro (#f7f3ed). Headline Inter Tight centralizada. Accordion pattern abaixo.

FAQ

Extra

Accordion (5 itens)

  • "WHISKAS® tem muito corante e sódio?" — Nossos petiscos são formulados com rigoroso controle de ingredientes pelo Centro Waltham. A composição inclui vitaminas e minerais essenciais, com valores de sódio dentro dos limites recomendados para gatos saudáveis.
  • "Gatos castrados podem consumir sem engordar?" — Cada pedacinho tem menos de 2 calorias. A orientação é oferecer de 3 a 5 unidades por dia como complemento — não como substituto da refeição principal.
  • "Meu gato enjoa fácil, e se ele rejeitar?" — WHISKAS® possui textura dupla exclusiva (crocante + macia) e 3 sabores. Em testes, 8 em cada 10 gatos demonstraram aceitação imediata.
  • "O petisco substitui a ração úmida (sachê)?" — Não. WHISKAS® Petiscos são complementares à dieta principal. Ideal para momentos de recompensa, treino ou conexão com o tutor.
  • "A partir de quantos meses posso dar ao filhote?" — Consulte a embalagem do produto específico. Em geral, os petiscos são recomendados para gatos a partir de 4 meses de idade.

Accordion com expand/collapse. Pergunta em bold com ícone de +/−. Resposta aparece ao clicar. Border-bottom entre itens. Animação suave de abertura.

FOOTER

Footer

—

Informações

Logo WHISKAS® · Instagram · TikTok · YouTube · "Petiscos para gatos — O sabor que faz seu gato ronronar" · whiskas.com.br · © 2026 WHISKAS® — Mars, Incorporated

Footer minimalista, fundo roxo escuro (#2d1566). Logo WHISKAS centralizada, links de redes sociais e copyright abaixo. Fonte branca 13px.

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 como a estrutura ideal para a landing page da WHISKAS® B2C pelos seguintes motivos:

  • Conexão emocional antes da venda — O público-alvo (tutores de gatos millennials) toma decisões de compra movidas por emoção e vínculo afetivo. O P.A.S.T.O.R. começa pela dor emocional (culpa de ficar fora o dia todo, frustração com petiscos rejeitados) e constrói uma narrativa que posiciona WHISKAS® como solução emocional, não apenas funcional.
  • Estrutura narrativa completa — Diferente de frameworks mais diretos (AIDA, FAB), o P.A.S.T.O.R. dedica uma etapa exclusiva para amplificação das consequências (Amplify) e outra para prova social (Testimony), dois elementos críticos para um produto de consumo recorrente onde a confiança na marca é o principal critério de decisão.
  • Foco em prova social e autoridade — O ICP apresenta objeções técnicas fortes ("tem corante", "engorda"). A etapa Testimony permite inserir múltiplas camadas de prova: UGC (efeito chocalho), depoimentos reais, selo do Centro Waltham. Isso é mais eficaz do que simplesmente listar benefícios (como faria o FAB).

2. Adequação ao Contexto

  • Nível de consciência: O ICP real é Solution-Aware a Product-Aware (já compra petiscos, busca alternativas). O ICP que chega via Google Search busca termos como "petisco para gato", "whiskas petisco comprar" — já tem intenção, mas precisa ser convencido de que WHISKAS® é a melhor escolha. O P.A.S.T.O.R. guia esse ICP da dor à decisão com narrativa envolvente.
  • Natureza do produto: Produto FMCG de baixo ticket, compra recorrente, decisão emocional com validação racional (calorias, ingredientes). O framework permite equilibrar emoção (Problem, Amplify, Story) com razão (Testimony, Offer) sem parecer agressivo.
  • Objetivo (Lead qualificado): O CTA principal direciona para compra nos varejistas parceiros (Amazon, Petlove, Cobasi) e o formulário captura leads para nutrição via e-mail marketing. O Response do P.A.S.T.O.R. fecha com oferta de valor (Guia do Tutor) que justifica a entrega do e-mail.
  • Canal: Google Ads Search (fundo de funil, intenção alta) e Meta Ads (remarketing, awareness). A LP precisa funcionar para ambos os canais — quem chega pelo Google já busca solução; quem chega pelo Meta precisa ser educado. O P.A.S.T.O.R. atende ambos ao construir contexto progressivo.

3. Frameworks Descartados

  • AIDA (Atenção → Interesse → Desejo → Ação) — Muito genérico para B2C emocional. Não possui etapa dedicada a prova social e não amplifica a dor adequadamente. Funciona melhor para produtos de descoberta rápida.
  • PAS (Problem → Agitate → Solution) — Similar ao P.A.S.T.O.R. mas incompleto: não possui etapas de prova social (Testimony) nem de oferta estruturada (Offer). Para um produto com objeções técnicas fortes, a falta de Testimony é crítica.
  • FAB (Features → Advantages → Benefits) — Foco excessivo em produto, pouco em emoção. Funciona bem para B2B ou produtos técnicos, mas para B2C emocional com vínculo afetivo (tutor-gato), a narrativa é mais eficaz que uma lista de features.
  • Q.U.E.S.T. (Qualify → Understand → Educate → Stimulate → Transition) — Excelente para infoprodutos e educação, mas seu foco em "qualificação" e "educação" é excessivo para um produto de consumo rápido onde a decisão de compra é impulsiva e emocional.

4. Resultado Esperado

  • Tempo médio na página: 2min30s a 3min45s — A narrativa emocional (Problem → Story) e o vídeo UGC (Testimony) são os maiores drivers de retenção. A FAQ quebra objeções e adiciona +30s de permanência.
  • Taxa de conversão estimada: 8-15% para cliques nos varejistas (CTA de compra) e 4-7% para captura de lead via formulário. Benchmark: LPs de FMCG com prova social e CTA direto convertem entre 6-12% (Unbounce Industry Report 2025).
  • Qualidade dos leads: O campo "Já conhece WHISKAS®?" segmenta automaticamente entre ICP Real e Aspiracional. O campo "Quantos gatos" permite personalização de follow-up. Leads com 2+ gatos têm LTV 2.5x maior.
  • Custo por lead estimado: R$2,50-R$5,00 via Google Ads Search (a LP reduz bounce rate com narrativa envolvente). R$1,20-R$3,00 via Meta Ads remarketing (público já engajado).

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.