Estrutura da Home

1. Regras que valem para a Home inteira

2. Seções da Home (topo → rodapé)

2.1 Cabeçalho

• Nome: Cabeçalho
• Objetivo: dar acesso imediato a busca, conta, carrinho, lojas e ajuda, sem competir com a Busca de Pneus logo abaixo.
• Conteúdo:
• Faixa utilitária (desktop; no celular vira itens do menu lateral): Nossas Lojas · Entrega em Oficina · Central de Ajuda · WhatsApp · Meus Pedidos.
• Barra principal desktop: logotipo (leva à Home) · campo de busca de texto · botão Buscar por medida ou veículo · Chip de Contexto (C4: veículo/medida + CEP, com "Trocar" e "Limpar"; aparece só se já houver contexto) · Entrar/Minha Conta · Carrinho (quantidade e total).
• Menu principal desktop (7 itens): Buscar por Veículo · Buscar por Medida · Aplicações · Marcas · Lojas · Entrega em Oficina · Ajuda.
• Barra principal celular: menu hambúrguer · logotipo · botão Buscar pneu · carrinho. O Chip de Contexto aparece logo abaixo, só quando há contexto salvo.
• Menu lateral do celular (ordem): Buscar pneu (Veículo/Medida/Aro) → Aplicações → Marcas → Lojas → Entrega em Oficina → Meus Pedidos → Ajuda → WhatsApp.
• CTA: Buscar pneu (CTA1, primário); Ver lojas (CTA7); Entrar (CTA13); Falar no WhatsApp (CTA6).
• Componentes: cabeçalho global (06 §2.2, §2.3); C4 (Chip de Contexto); mini-carrinho no desktop.
• Prioridade: Alta.
• Hierarquia visual: 1º a busca (campo + botão Buscar por medida ou veículo); 2º carrinho e conta; 3º menu de categorias; 4º faixa utilitária (menor peso). No celular, o botão Buscar pneu é o item de maior peso da barra, acima do carrinho e do menu.
• Comportamento responsivo: desktop com faixa utilitária + barra principal + menu de 7 itens visíveis. Celular com barra única e menu lateral. Na Home, o botão Buscar pneu leva o foco ao Seletor de Busca da seção seguinte, em vez de abrir outra tela [inferência]. Cabeçalho não aumenta de altura com o Chip de Contexto além de uma linha.
• Observações: máximo de 7 itens no menu (N3). Lojas e Entrega em Oficina estão no cabeçalho para atender ON7 e F13. Logotipo é texto/placeholder no wireframe. Origem: N1; N2; N3; ON7; F07; U-A1; benchmark: pneufree (menu hambúrguer, leitura direta), pneubest (mini-carrinho, leitura direta).

2.2 Busca de Pneus

• Nome: Busca de Pneus
• Objetivo: ação principal da Home. Levar o visitante a escolher Veículo ou Medida (ou Aro) em poucos segundos, sem carrossel antes e sem exigir que ele saiba a medida.
• Conteúdo:
• Título (H1): "Encontre o pneu certo para o seu veículo".
• Linha de apoio: "Escolha o veículo ou a medida e mostramos só o que serve. Preço, parcelamento e data de entrega claros."
• Painel Veículo: marca → modelo → ano → versão (campos encadeados).
• Painel Medida: largura → perfil → aro, ou digitação direta da medida (ex.: "225/45R17"). Aceita valores de nicho (aros grandes, lonas).
• Atalho Aro: link "Só sei o aro" (13 a 22.5 e maiores).
• Ajuda: link "Onde encontro a medida?" (ensina a ler a lateral do pneu; leva ao Blog).
• Contexto salvo: se houver veículo/medida/CEP, mostra "Continuar com: [veículo ou medida]" e "Trocar".
• CEP: campo opcional "Seu CEP" para já mostrar chegada com data depois [inferência].
• CTA: Ver pneus compatíveis / Buscar pneu (CTA1, primário, um por painel).
• Componentes: C5 (Seletor de Busca), C4 (Chip de Contexto), ajuda "Onde encontro a medida?".
• Prioridade: Alta.
• Hierarquia visual: o H1 e o Seletor de Busca dominam a primeira dobra; Veículo e Medida têm exatamente o mesmo peso (mesma largura, mesma altura, mesmo tipo de botão). O atalho Aro e a ajuda são secundários (link de texto). Nenhum outro elemento disputa a dobra, nem banner nem selos.
• Comportamento responsivo:
• Celular: o título e dois botões grandes de mesmo tamanho, empilhados: "Buscar por veículo" e "Buscar por medida". Cada um abre Buscar Pneu (P02) em tela cheia, um campo por vez (N6). "Só sei o aro" e "Onde encontro a medida?" ficam abaixo, como links. A seção ocupa toda a primeira dobra logo após o Cabeçalho.
• Desktop: os dois painéis (Veículo e Medida) ficam lado a lado, sempre visíveis, com campos inline, para preservar o mesmo peso. O atalho Aro e a ajuda ficam abaixo dos painéis. É a forma expandida do mesmo C5, que no celular e em P02 aparece em abas (06 §7 P02).
• Observações: nenhuma sobreposição (H-2). Busca sem resultado e demais estados são tratados em P02 (C10). A busca por texto do cabeçalho não substitui este bloco. Este é o bloco mais importante da página. Origem: RC12; DH7; DH10; UT1; U-R1; U-A6; U-S2; F01, F02; benchmark: pneufree (3 modos, leitura direta; mas na 2ª dobra, depois de carrossel), pneubest (só medida e aro, leitura direta); americastire [Indireta] (preço e estoque condicionados ao veículo). A ordem "busca antes de tudo" é a inversão sugerida em 03 §7.5 [inferência].

2.3 Benefícios

• Nome: Benefícios
• Objetivo: comunicar, numa faixa curta, as condições comerciais que reduzem a dúvida de preço e de prazo, sem reproduzir a tabela completa de parcelas.
• Conteúdo (4 itens, um título curto + uma linha): 1. 5% de desconto à vista · "No Pix, no boleto ou em 1x no cartão." 2. Até 12x sem juros · "No cartão de crédito." 3. Frete grátis por regra · "Acima de R$ 1.000, conforme o produto. Veja a data de chegada pelo seu CEP." 4. Entrega em oficina conveniada · "Receba seu pneu em uma oficina parceira, quando houver na sua cidade."
• Link: "Ver condições de pagamento" (abre a tabela progressiva, C2).
• Sem Garantia de Preço: ela existe só na página do produto elegível (06 §1.2 S8).
• CTA: Ver condições de pagamento (CTA8, terciário).
• Componentes: faixa de 4 itens com ícone e texto curto; link "Ver condições".
• Prioridade: Alta.
• Hierarquia visual: os quatro itens têm peso igual (título curto em destaque, linha de apoio menor). Os dois primeiros (à vista e 12x) vêm primeiro na leitura porque respondem à dúvida de preço (Rafael, Marcos). O link "Ver condições" é o elemento de menor peso da faixa.
• Comportamento responsivo: desktop, 5 colunas em uma linha. Celular, lista vertical compacta de 5 linhas (ícone + título + linha de apoio) ou rolagem horizontal manual; preferência pela lista vertical para não esconder itens. O link fica ao final.
• Observações: a regra de frete grátis varia por produto (Sul e Sudeste; Brasil; sem frete grátis), por isso a faixa diz "conforme o produto" e remete ao Produto para a regra exata (C3). O item 4 só aparece se o cliente confirmar o price match (F14; L11). Ordem e escolha dos 5 itens seguem 06 §7 P01. Origem: AD3; RC14; IN4; UT5; DH3; DH10; F04, F16; benchmark: pneubest (faixa de 4 benefícios, leitura direta), pneufree (parcial: "frete mais barato").

2.4 Aplicações

• Nome: Aplicações
• Objetivo: dar entrada por tipo de veículo ou aplicação, incluindo os nichos, sem competir com a busca principal.
• Conteúdo: título "Pneus por aplicação" + 7 cartões, cada um com ícone e nome: Carros · SUV e Pick-up · Competição · Vans · Agrícola · Caminhões · UTV e OTR. Cada cartão leva a Pneus por Aplicação (P03).
• CTA: abrir a aplicação (CTA1 como entrada de catálogo).
• Componentes: 7 cartões com ícone.
• Prioridade: Média.
• Hierarquia visual: os 7 cartões têm peso igual; ícone e nome dominam. Carros e SUV e Pick-up aparecem primeiro por ordem (maior volume provável, 05 §4.6 [inferência]), sem tamanho maior. Título da seção com peso menor que o H1 da Busca de Pneus.
• Comportamento responsivo: celular, grade de 2 colunas (o 7º cartão ocupa a largura toda); cartões com alvo de toque grande (N6). Desktop, uma fileira de 7 ou grade 4 + 3.
• Observações: os nichos (Agrícola, UTV e OTR, Competição) ficam como entrada secundária, abaixo da busca, para atender Sérgio sem desviar Rafael e Ana (05 §4.6). Sem imagens fotográficas: ícone + nome (sem decisão estética). Origem: DH8; AD2; RC15; U-S1; benchmark: pneufree (7 categorias, leitura direta), pneubest (7+ tiles, leitura direta).

2.5 Lojas Físicas

• Nome: Lojas Físicas
• Objetivo: provar que a TireShop existe de verdade, com as 5 lojas (cidade, endereço, horário) em destaque, principalmente no desktop, antes dos produtos.
• Conteúdo:
• Título: "Cinco lojas físicas para você conhecer".
• Apoio: "A TireShop tem loja de verdade. Veja onde estamos." [a definir: texto final do cliente]
• 5 cartões de loja, na ordem: Joinville · Ribeirão Preto · São Paulo · Novo Hamburgo · Curitiba. Cada cartão: cidade, endereço [a definir], horário [a definir], foto da fachada [a definir] (caixa de imagem no wireframe), link "Ver loja".
• Mapa com os 5 pontos (só desktop).
• Links: "Ver todas as lojas" (Lojas Físicas, P15) e "Como chegar" em cada cartão.
• CTA: Ver lojas / Ver loja / Como chegar (CTA7, secundário; o mais forte da seção).
• Componentes: cartões de loja; mapa; link para Loja (P16) e Lojas Físicas (P15).
• Prioridade: Alta.
• Hierarquia visual: maior bloco secundário da Home. No desktop, ocupa a largura toda e domina a faixa: lista à esquerda (peso 2) e mapa à direita (peso 1). O título e a contagem "5 lojas" vêm primeiro; o mapa vem depois. No celular, lista compacta com peso uniforme.
• Comportamento responsivo:
• Desktop: bloco de destaque de largura total, lista dos 5 cartões (cidade, endereço, horário) + mapa. É o pedido explícito do cliente (briefing §6).
• Celular: versão compacta: lista vertical de 5 linhas (cidade, endereço resumido, horário) e o botão "Ver lojas". Sem mapa e sem foto (a foto vem em Loja, P16), para não empurrar Produtos em Destaque.
• Observações: o papel das lojas é prova de existência; não prometer retirada, balcão ou atendimento presencial até o cliente confirmar (L12; LP5). Fotos, textos, endereços e horários são [a definir]. Origem: briefing §6; ON7; F15; IN5; RC13; U-A1; U-R5; AD9; benchmark: nenhum concorrente direto lido exibe lojas próprias (03 §7.2), então esta seção é diferencial; pneustore usa página de confiabilidade só com números autodeclarados [Indireta].

2.6 Produtos em Destaque

• Nome: Produtos em Destaque
• Objetivo: mostrar pneus reais com preço à vista, parcelamento resumido, frete grátis (quando o produto tem) e avaliação, para quem já está pronto para comprar.
• Conteúdo:
• Título: "Pneus em destaque".
• Cards (C1): imagem (sinalizada como "ilustrativa" ou "real 360°"), marca, modelo, medida completa (ex.: 225/45R17 94W XL), preço à vista, parcelamento resumido ("ou até 12x sem juros"), nota e nº de avaliações, selo de frete grátis quando aplicável e Selo de Disponibilidade (C6).
• Quantidade: 8 cards no desktop; 6 no celular [inferência].
• Critério de seleção dos produtos: [a definir com o cliente] (mais vendidos, melhores avaliados ou curadoria manual).
• Faixa de campanha estática (opcional): um único bloco de texto/imagem estático acima ou ao lado dos cards, só se o cliente quiser (06 §7 P01, decisão (a)).
• Link: "Ver todos os pneus" (leva à Busca de Pneus ou à Listagem de Pneus) [inferência].
• CTA: Comprar (CTA2, primário, em cada card); Ver condições de pagamento (CTA8, terciário).
• Componentes: C1 (Card de Produto), C2 (resumo do preço dentro do card), C6.
• Prioridade: Alta.
• Hierarquia visual: dentro de cada card, medida e preço à vista dominam; parcelamento e frete grátis são secundários; a nota é terciária. Todos os cards têm peso igual (sem "card destaque" maior). A seção tem peso menor que Lojas Físicas no desktop, por ordem do briefing.
• Comportamento responsivo:
• Celular: rolagem horizontal manual (sem rotação automática), 1,3 card visível para indicar que há mais, ou lista de 1 coluna se a performance exigir [inferência].
• Desktop: grade de 4 colunas × 2 linhas (8 cards), sem carrossel.
• Observações: sem selos de varejo como "Queima" ou "Mega Promo" (C1; EV2). O card usa a mesma estrutura da Listagem de Pneus (DH6). A data de chegada não aparece no card; ela vem ao informar o CEP (C3), para não repetir 8 datas. O estado sem estoque usa C6 (Avise-me). Origem: DH6; DH3; F16; F17; benchmark: pneufree (carrossel de 7+ cards com preço, "até 12x", nota e selos, leitura direta), pneubest (8 cards com Pix e "6x sem juros", leitura direta). A posição depois de Lojas Físicas vem de briefing §6.

2.7 Entrega em Oficina Conveniada

• Nome: Entrega em Oficina Conveniada
• Objetivo: explicar em poucas linhas a opção de receber o pneu em uma oficina parceira, sem vender o serviço de montagem.
• Conteúdo:
• Título: "Receba seu pneu em uma oficina conveniada".
• Texto (3 linhas): "Informe o CEP no carrinho e veja se há oficina na sua cidade. A montagem é combinada diretamente com a oficina. A TireShop entrega o pneu; o serviço não é vendido por nós."
• Passos (3 itens curtos): 1) Escolha o pneu. 2) Informe o CEP e escolha a oficina. 3) Combine a montagem com a oficina.
• Aviso: "Disponível somente em cidades com oficina conveniada." [a definir: cobertura, L16]
• CTA: Ver oficinas conveniadas (CTA12, secundário).
• Componentes: bloco explicativo (título, texto, 3 passos, botão).
• Prioridade: Média.
• Hierarquia visual: o título e o botão dominam; os 3 passos são secundários; o aviso de cobertura é o de menor peso, mas sempre visível (não vai em asterisco).
• Comportamento responsivo: desktop, texto à esquerda e 3 passos à direita, em uma linha. Celular, título + texto + botão, com os 3 passos em lista vertical abaixo.
• Observações: a ressalva "montagem negociada direto com a oficina" é obrigatória (S2; briefing §2). Sem preços de serviço na Home (eles aparecem na página P17, com os valores da oficina). Atende principalmente Ana. Origem: F13; AD10; OP9; U-A2; L16; benchmark: pneufree (banner "Receba em um auto center de confiança", 3ª dobra, leitura direta), pneustore (/entrega-em-loja, [Indireta]).

2.8 Marcas

• Nome: Marcas
• Objetivo: dar entrada por marca (17) para quem já sabe qual quer, e sinalizar amplitude de catálogo.
• Conteúdo: título "Nossas marcas" + grade das 17 marcas (logotipo em texto no wireframe), em ordem alfabética: Alliance, Apollo, Barum, Bridgestone, Continental, Cooper, Firestone, Fortune, Galaxy, General Tire, Goodyear, Hankook, Nexen, Pirelli, Prinx, Vredestein, Yokohama. Link "Ver todas as marcas" (Marcas, P04).
• CTA: abrir Pneus por Marca (CTA1); "Ver todas as marcas".
• Componentes: grade de marcas.
• Prioridade: Média.
• Hierarquia visual: as 17 marcas têm peso igual, sem "marca patrocinada" em destaque. O título é secundário.
• Comportamento responsivo: celular, grade de 3 colunas (6 linhas; a última com 2 itens). Desktop, grade de 6 ou 9 colunas em 2 a 3 linhas.
• Observações: fica abaixo de Lojas Físicas, Produtos e Oficina porque grande parte dos compradores não conhece as marcas (70% de importados; IN1; T1) e decide pela loja, não pela marca (05 §1). Não é carrossel de marcas (EV1): é grade estática, e só depois da busca. Origem: DH8; BM4; DF6; benchmark: pneufree (12 marcas em grade de logos, leitura direta), pneubest (atalhos por marca, leitura direta).

2.9 Avaliações e Reputação

• Nome: Avaliações e Reputação
• Objetivo: provar reputação com nota média e volume de avaliações verificadas (Trustvox).
• Conteúdo:
• Título: "O que os clientes dizem".
• Nota média: [a definir: dado real da Trustvox] de 5.
• Total de avaliações: [a definir: dado real da Trustvox], com o selo "Avaliações verificadas Trustvox".
• 3 avaliações reais: nota, texto curto, primeiro nome, cidade e data [a definir: selecionadas da Trustvox]. Pelo menos uma sobre entrega/prazo e uma sobre atendimento [inferência].
• Link: "Ver todas as avaliações" [a definir: destino, depende da Trustvox].
• CTA: "Ver todas as avaliações" (terciário).
• Componentes: nota média com estrelas, contagem, 3 cartões de avaliação, selo Trustvox.
• Prioridade: Média.
• Hierarquia visual: a nota média e o volume dominam (número grande); os 3 cartões são secundários e de peso igual; o link é terciário.
• Comportamento responsivo: desktop, nota à esquerda e 3 cartões em linha à direita. Celular, nota no topo e 3 cartões em rolagem horizontal manual ou empilhados.
• Observações: não inventar números; enquanto a Trustvox não fornecer, o wireframe usa "[a definir]". Não usar reputação de outros sites (Reclame Aqui, Ebit) sem o cliente informar (03 §4.2 só cita o que a pneustore exibe). Origem: BP4; BP8; U-M3; F10; UT3; benchmark: pneufree (64 mil avaliações, nota 4,9, leitura direta), pneustore e acheipneus com reputação pública [Indireta].

2.10 Compre com Segurança

• Nome: Compre com Segurança
• Objetivo: reforçar, antes de o visitante sair da Home, que a compra é segura e tem amparo depois: Nota Fiscal, Termo de Garantia, rastreio, WhatsApp e ambiente seguro.
• Conteúdo (Faixa de Confiança, C7, 4 itens): 1. Nota Fiscal e Termo de Garantia em PDF · "Baixe na área Meus Pedidos." [condicionado à confirmação da disponibilidade dos PDFs: F06; L05] 2. Rastreio do pedido · "Acompanhe cada etapa em Meus Pedidos." 3. Atendimento humano no WhatsApp · "Tire dúvidas antes de comprar." [telefone/horário: a definir] 4. Ambiente seguro · selos de segurança (ClearSale e outros a confirmar) [a definir].
• Sem Garantia de Preço: ela existe só na página do produto elegível (06 §1.2 S8).
• CTA: Falar no WhatsApp (CTA6, secundário).
• Componentes: C7 (Faixa de Confiança).
• Prioridade: Alta.
• Hierarquia visual: os 4 itens têm peso igual; título da seção e o item 1 (Nota Fiscal e Termo de Garantia) têm leve destaque por ser o diferencial menos comum entre concorrentes. O botão WhatsApp é o único elemento de ação forte.
• Comportamento responsivo: desktop, 4 colunas. Celular, lista vertical de 4 linhas (ícone + título + linha de apoio) e botão WhatsApp ao final.
• Observações: se o cliente não confirmar F06 ou F14, o item correspondente sai da lista (não prometer o que o ERP não entrega). Comunicar a Nota Fiscal e o Termo de Garantia antes da compra é a proposta desta fase (U-A3). Seção não duplica Lojas Físicas nem Avaliações e Reputação. Origem: IN9; U-A3; DH4; DH12; OU5; F05, F06, F07, F14; UT3; UT6; benchmark: pneufree e pneubest (selos de segurança, leitura direta), pneubest ("Cobrimos qualquer oferta\*", como exemplo a evitar por ter asterisco sem regra, EV4), americastire [Indireta] (price match com fluxo simples).

2.11 Blog

• Nome: Blog (nome de marca: Guia do Pneu)
• Objetivo: oferecer conteúdo técnico educativo (INMETRO, como ler a medida, resistência ao rolamento) que ajuda quem compara e alimenta o SEO.
• Conteúdo:
• Título: "Guia do Pneu".
• 3 cartões de artigo: imagem, título e resumo de uma linha. Sugestões de pauta, a validar [a definir com o cliente]: "Como ler a medida do pneu", "O que é a etiqueta INMETRO", "Quando trocar os pneus".
• Link: "Ver todos os artigos" (Blog — Home, P27).
• CTA: "Ler artigo" / "Ver todos os artigos" (terciário).
• Componentes: 3 × C11 (Card de Artigo).
• Prioridade: Baixa.
• Hierarquia visual: menor peso entre as seções de conteúdo; título de artigo em destaque em cada cartão, resumo em segundo plano. Todos os cartões com peso igual.
• Comportamento responsivo: desktop, 3 cartões em linha. Celular, 2 cartões visíveis com "Ver todos" ou lista vertical curta [inferência].
• Observações: o blog já existe no site atual, no mesmo domínio ([Cliente] call 30/09; 06 S10). A seção deixa de ser suprimível — o que falta é só o inventário do conteúdo (LA15). Origem: AD11; U-M6; T9; BM12; benchmark: pneubest (3 artigos, incluindo "Resistência ao rolamento", leitura direta), pneufree (3 artigos, leitura direta).

2.12 Texto de apoio (SEO)

• Nome: Texto de apoio (SEO)
• Objetivo: dar à Home um texto editorial indexável, do jeito que a liveSEO já mantém hoje no site.
• Conteúdo:
• Título curto (H2) e 2 a 4 parágrafos sobre a TireShop e a compra de pneus online.
• O texto que já está no ar serve de base [a definir: PH12; validar com a liveSEO].
• Entra truncado, com botão "Ler mais" que expande — para o texto não empurrar o rodapé para fora da tela no celular.
• CTA: "Ler mais" (terciário).
• Componentes: bloco de texto com expansão (mesmo padrão já usado na Listagem de Pneus, 06 §7 P03).
• Prioridade: Média.
• Hierarquia visual: peso baixo. É texto de apoio: corpo em tamanho de leitura, sem destaque competindo com as seções de conversão acima.
• Comportamento responsivo: desktop, uma coluna de largura de leitura (não a largura total). Celular, truncado em ~5 linhas com "Ler mais".
• Observações: fica acima do rodapé e abaixo de todo o conteúdo de conversão e prova — é o lugar onde um bloco de texto longo não disputa atenção com a busca (H-1, H-8). Pedido direto do cliente na call de 30/09. Origem: S11; U3; [Cliente].

2.13 Perguntas Frequentes

• Nome: Perguntas Frequentes
• Objetivo: responder na própria Home as dúvidas que travam a compra, e alimentar o schema FAQPage (06 §1.3 U5) — que só é possível com FAQ na página.
• Conteúdo:
• 4 a 6 perguntas em acordeão, todas fechadas no carregamento exceto a primeira.
• As perguntas que já existem no site servem de base [a definir: PH13; validar com a liveSEO].
• Temas que devem estar cobertos, por responderem às dores levantadas: como descobrir a medida do pneu; qual pneu serve no meu carro; como funciona o frete grátis; em quanto tempo chega; como funciona a entrega em oficina conveniada.
• CTA: Falar no WhatsApp (CTA6, secundário) ao final, para quem não achou a resposta.
• Componentes: acordeão (mesmo padrão da Listagem de Pneus e da página de Produto).
• Prioridade: Média.
• Hierarquia visual: peso baixo, como o Texto de apoio. As perguntas são o elemento legível; as respostas ficam ocultas até o clique.
• Comportamento responsivo: idêntico nos dois, já que o acordeão é vertical por natureza.
• Observações: as perguntas precisam valer indexação, não serem perguntas de interface — elas viram o conteúdo do FAQPage. Pedido direto do cliente na call de 30/09; a Mariella (liveSEO) informou que o FAQ em acordeão já foi implementado no site. Origem: S11; U5; DH12; [Cliente].

2.14 Rodapé

• Nome: Rodapé
• Objetivo: dar acesso a ajuda, políticas, lojas, contato, dados legais, selos e newsletter, de forma idêntica às demais páginas.
• Conteúdo (7 colunas do rodapé global, 06 §2.5):
• Comprar: Buscar por Veículo · Buscar por Medida · Aplicações · Marcas · Como Comprar.
• Entrega e Pagamento: Frete e Prazo de Entrega · Pagamento e Parcelamento · Entrega em Oficina Conveniada · Meus Pedidos.
• Confiança e Garantias: Trocas e Devoluções · Garantia · Institucional · Guia do Pneu.
• Nossas Lojas: as 5 lojas com cidade, endereço e horário resumidos [a definir] e link para Lojas Físicas.
• Atendimento: WhatsApp [número a definir] · Fale Conosco · Central de Ajuda · horário de atendimento [a definir] · telefone [a definir].
• Legal e selos: razão social [a definir] e CNPJ [a definir] · Privacidade e Termos · formas de pagamento aceitas (Pix, boleto, Visa, Master, Amex, Diners, Elo) · selos de segurança e reputação (ClearSale, Trustvox, outros a confirmar).
• Newsletter: campo de e-mail com aceite ("Receba novidades e ofertas") no rodapé, nunca em pop-up.
• CTA: links de navegação; Assinar (newsletter); Falar no WhatsApp (CTA6).
• Componentes: rodapé global (06 §2.5); formulário de newsletter; ícones de pagamento; selos.
• Prioridade: Média.
• Hierarquia visual: Nossas Lojas e Atendimento têm mais peso (por causa de ON7 e UT6); Newsletter e Legal e selos vêm em peso menor. As colunas de links têm peso igual entre si.
• Comportamento responsivo: desktop, 7 blocos em 3 a 4 colunas. Celular, acordeões por coluna (fechados), com Atendimento, Nossas Lojas e Newsletter visíveis e a barra de formas de pagamento e selos ao final.
• Observações: rodapé idêntico ao das demais páginas (DH6; N4), exceto Checkout (versão curta). Os dados legais dependem do cliente (CNPJ, razão social, telefone). A faixa de aviso de cookies é discreta e não cobre a busca (N3). Origem: DH12; BP10; BM8; BP8; F07; F15; briefing §2, §8; benchmark: pneufree (rodapé com CNPJ, políticas e selos, leitura direta), pneubest (Newsletter no fim da Home e "Prazo de entrega", leitura direta).

3. Conteúdo a definir com o cliente (placeholders da Home)

4. Mapa de blocos para wireframe

Lista ordenada (topo → rodapé) que a Fase 08 converte diretamente em HTML. Tipos de bloco usam o vocabulário do benchmark (03 §2).

Elementos globais sobrepostos à Home (não são seções): botão WhatsApp flutuante (posição fixa, sem cobrir a Busca de Pneus nem o botão "Ver pneus compatíveis") e faixa discreta de aviso de cookies. Não há pop-up nem carrossel automático (H-2).

5. Como usar essas informações?

Este documento vira ação assim: serve de guia de curadoria, mostrando ao marketing o que pode ser trocado na Home sem quebrar a estrutura e o que é fixo.

Regra simples: o que pode mudar × o que é fixo

• Insight (§1 H-1, H-2, H-3, H-8; §2.2, §2.5): a Home tem 14 seções, e só o conteúdo de algumas delas gira. Ordem, presença e peso das seções não giram.
• Como aplicar no layout:
• Pode mudar (texto, itens, seleção): faixa de campanha opcional em Produtos em Destaque; a seleção dos 8 (desktop) ou 6 (celular) cards; os 4 textos de Benefícios; os 3 artigos do Blog; as 3 avaliações exibidas em Avaliações e Reputação; o texto de apoio (SEO) e as perguntas do FAQ.
• É fixo (estrutura): Busca de Pneus na primeira dobra, com Veículo e Medida de mesmo peso; Lojas Físicas antes de Produtos em Destaque; sem carrossel automático e sem pop-up; um único Card de Produto (C1); Newsletter só no Rodapé.
• Teste rápido antes de publicar: a troca empurra a Busca de Pneus para baixo, cobre a tela ou inverte Lojas Físicas e Produtos em Destaque? Se sim, ela não entra.
• Quem usa / quando: marketing, em toda troca de conteúdo. Design, quando a troca exigir novo componente.

Promoções e banners (ex.: Black Friday)

• Insight (§1 H-2, H-8; §2.6): a Home admite no máximo um bloco promocional, estático e opcional. Selos de varejo como "Queima" e "Mega Promo" ficam de fora (§2.6).
• Como aplicar no layout:
• A campanha entra como faixa de campanha estática dentro de Produtos em Destaque, acima ou ao lado dos cards. Nunca antes da Busca de Pneus.
• Na Black Friday, troque o texto e a imagem da faixa e a seleção dos cards. Não crie banner no topo, carrossel de ofertas nem pop-up de desconto.
• Se houver mais de uma campanha, escolha uma. As demais vão para a página de destino do "Ver todos os pneus".
• Quem usa / quando: marketing, na virada de campanha. O critério de seleção e a faixa dependem do cliente (§3 PH5, [a definir]).

Condição de pagamento e frete grátis

• Insight (§1 H-4, H-5; §2.3): a Home mostra só "menor preço" (5% à vista) e "parcelamento máximo" (até 12x sem juros). A tabela progressiva fica atrás do link "Ver condições".
• Como aplicar no layout:
• Uma promoção de pagamento (ex.: "até 12x sem juros") muda o texto do item correspondente na faixa de Benefícios, sem criar faixa nova.
• Frete grátis continua "por regra", em linguagem clara, sem asterisco oculto. A data de chegada é dada por CEP, nunca só em "dias úteis".
• Os cards de Produtos em Destaque repetem o parcelamento resumido e não trazem tabela.
• Quem usa / quando: marketing, ao mudar regra comercial; TI, para manter o texto igual ao do checkout. Qualquer regra nova de frete ou parcelamento precisa da confirmação do cliente.

Produtos em Destaque

• Insight (§2.6, §3 PH5): o critério de seleção dos produtos ainda não foi definido.
• Como aplicar no layout:
• Produtos em Destaque: escolha um único critério por vez (mais vendidos, melhores avaliados ou curadoria manual). A troca de produtos não muda o card nem o número de colunas.
• Produto sem estoque usa o Selo de Disponibilidade (C6), sem trocar a estrutura do card. Na Home, porém, a prática atual do cliente é filtrar os sem estoque — eles aparecem só na Listagem.
• Nenhum selo de Garantia de Preço nos cards: ela existe só na página do produto elegível (06 §1.2 S8).
• Quem usa / quando: marketing, na curadoria semanal ou mensal.

Prova e conteúdo que o marketing atualiza sem risco

• Insight (§2.5, §2.9, §2.11, §3 PH3, PH6, PH10): lojas, avaliações e artigos são conteúdo real do cliente. Onde ainda não há dado, o wireframe mantém "[a definir]".
• Como aplicar no layout:
• Lojas Físicas: endereço, horário e fotos das 5 lojas são atualizados no cartão. Não se promete retirada nem balcão sem confirmação do cliente.
• Avaliações e Reputação: as 3 avaliações vêm da Trustvox. Nota e total mostram só o dado real.
• Blog: trocam-se os 3 artigos em destaque. O blog existe hoje, então a seção não é mais suprimível.
• Texto de apoio (SEO) e Perguntas Frequentes: são conteúdo da liveSEO. Trocar o texto ou acrescentar uma pergunta não muda a estrutura de nenhuma outra seção.
• Quem usa / quando: marketing, na rotina; cliente, para fornecer os dados antes da Fase 08 fechar o wireframe.

Próximo passo

1. Cliente: decidir o critério de seleção de Produtos em Destaque e se haverá faixa de campanha (§3 PH5).
2. Cliente: confirmar Nota Fiscal e Termo de Garantia em PDF (PH8), para saber se o item entra em Compre com Segurança.
3. Cliente e liveSEO: fornecer o texto de apoio (PH12) e as perguntas do FAQ (PH13) que já estão no ar.
4. Marketing e design: adotar o teste rápido do primeiro bloco como checklist de publicação da Home.