iComo ler este documento
- - Escopo: mapa de páginas, navegação, fluxos e estrutura de cada página. Não detalha a Home
seção a seção (Fase 07) e não gera wireframes (Fase 08). Sem cor, sem estética: só estrutura e propósito.
- - Nomes canônicos: os nomes de páginas definidos na Seção 1 valem para todo o projeto (Home,
Listagem de Pneus, Produto, Carrinho etc.). Personas: Rafael (O Motorista com Urgência), Marcos (O Comprador Comparador), Ana (A Compradora Cautelosa), Sérgio (O Especialista de Nicho). Concorrentes: pneufree.com.br, pneubest.com.br, pneustore.com.br, acheipneus.com.br, americastire.com.
- - Rastreabilidade: cada decisão cita a origem:
briefing §X; códigos da Fase 01 (ON, OU, F, DF,
P, L); Fase 02 (T, PD, BP, OP, IN, RC); Fase 03 (BM, AD, EV, A, LB); DH1–DH12 (Diretrizes Heurísticas, 04 §8); U-R/U-M/U-A/U-S/UT (Implicações de UX, 05 §4). Inferências estão marcadas como [inferência].
- - Confiança do benchmark: pneufree.com.br e pneubest.com.br foram lidos diretamente. Quando
citamos pneustore.com.br, acheipneus.com.br ou americastire.com, o padrão vem de evidência indireta (03 §7.6, A1, A2) e está sinalizado como [Indireta]. Não tratamos esses padrões como confirmados.
- - Códigos novos desta fase: páginas P01–P31, fluxos FL1–FL8, componentes C1–C11,
lacunas LA01–LA15. Os códigos de página são estáveis e não são reaproveitados: quando uma página sai do escopo, o código é aposentado. Hoje há 31 códigos emitidos, 1 aposentado (P24) e 30 páginas-modelo ativas.
- - Mobile primeiro: o celular concentra a maior parte do tráfego (
briefing §4; T2) e é a
maior dor atual (briefing §3, §10; P2). Toda página é desenhada primeiro para o celular e depois expandida para o desktop. Onde há diferença, ela está indicada.
1. Sitemap
1.1 Árvore de páginas (nomes canônicos)
São 30 páginas-modelo ativas (templates). Três delas geram instâncias: Listagem de Pneus (7 aplicações, 17 marcas, medidas, veículos), Loja (5 unidades) e as páginas de política.
Códigos aposentados: P24 — Garantia de Preço, retirada em 01/10/2026 por decisão do cliente (a garantia de preço passa a existir exclusivamente na página do produto elegível; ver S8). O código não será reaproveitado. Por isso os códigos vão até P31 enquanto as páginas ativas são 30.
Home (P01)
│
├── PNEUS (catálogo)
│ ├── Buscar Pneu (P02) seletor Veículo | Medida | Aro (tela/painel)
│ ├── Listagem de Pneus (P03) um template, cinco entradas:
│ │ ├── Pneus por Aplicação (7) Carros · SUV e Pick-up · Competição · Vans ·
│ │ │ Agrícola · Caminhões · UTV e OTR
│ │ ├── Pneus por Marca (17) Alliance, Apollo, Barum, Bridgestone, Continental,
│ │ │ Cooper, Firestone, Fortune, Galaxy, General Tire,
│ │ │ Goodyear, Hankook, Nexen, Pirelli, Prinx,
│ │ │ Vredestein, Yokohama
│ │ ├── Pneus por Medida aro → perfil → medida
│ │ ├── Pneus por Veículo marca → modelo → ano → versão
│ │ └── Resultado de Busca busca por texto
│ ├── Marcas (P04) índice das 17 marcas
│ ├── Produto (P05) estados: Em Estoque · Sem Estoque · Produto com
│ │ Garantia de Preço
│ └── Comparar Pneus (P06)
│
├── COMPRA
│ ├── Carrinho (P07)
│ ├── Checkout (P08) etapas: Identificação · Entrega · Pagamento
│ └── Confirmação do Pedido (P09)
│
├── MINHA CONTA (área logada)
│ ├── Entrar ou Cadastrar (P10)
│ ├── Minha Conta (P11)
│ ├── Meus Pedidos (P12)
│ │ └── Detalhe do Pedido (P13) rastreio + Nota Fiscal + Termo de Garantia (PDF)
│ └── Meus Dados e Endereços (P14)
│
├── LOJAS E ENTREGA
│ ├── Lojas Físicas (P15) índice das 5 lojas
│ │ └── Loja (P16) Joinville · Ribeirão Preto · São Paulo ·
│ │ Novo Hamburgo · Curitiba
│ └── Entrega em Oficina Conveniada (P17)
│
├── INSTITUCIONAL E AJUDA
│ ├── Institucional (P18) Quem somos e confiança
│ ├── Central de Ajuda (P19) FAQ e Como Comprar
│ ├── Frete e Prazo de Entrega (P20)
│ ├── Pagamento e Parcelamento (P21)
│ ├── Trocas e Devoluções (P22)
│ ├── Garantia (P23)
│ ├── Fale Conosco (P25)
│ └── Privacidade e Termos (P26)
│
├── BLOG (Guia do Pneu) existe hoje, no mesmo domínio
│ ├── Blog — Home (P27) artigo em destaque + recentes
│ ├── Blog — Categoria (P29)
│ ├── Blog — Artigo (P30)
│ └── Blog — Autor (P31)
│
└── Página não encontrada (P28)
1.2 Decisões de escopo do sitemap
| # | Decisão | Origem |
|---|
| S1 | Só B2C. Nenhuma página de cadastro empresarial, "Área do Frotista", "Revenda" ou compra em quantidade para empresas. O cadastro pede só dados de pessoa física (CPF). | briefing §2, §4; EV7 (pneubest mistura campos pessoais e empresariais, leitura direta) |
| S2 | Nenhuma página de serviço (instalação, alinhamento, balanceamento, agendamento). A oficina conveniada aparece como opção de entrega, com a ressalva de que a montagem é negociada direto com a oficina. | briefing §2; F13; U-A2 |
| S3 | Medida e Veículo são eixos primários e equivalentes de descoberta (Buscar Pneu). Aplicação e Marca são eixos secundários. | UT1; RC6; F01, F02; DH7 |
| S4 | Lojas Físicas é seção de primeiro nível (não uma página escondida no rodapé), com uma página própria e um texto próprio para cada uma das 5 lojas. Não é uma página-modelo preenchida com os mesmos dizeres: cada unidade tem sócio e administração independentes, com horários, serviços e produtos diferentes. Requisito do cliente, não preferência de SEO. | [Cliente] call 30/09/2026; RC10; ON7; F15; IN5; briefing §6 |
| S5 | Uma única Listagem de Pneus, com cinco entradas. Mantém consistência (DH6) e reduz o retrabalho do TI. Cada entrada tem título, texto e URL próprios (SEO). | DH6; AD8; benchmark: pneufree, pneubest (leitura direta); acheipneus, pneustore [Indireta] |
| S6 | Carrinho, Checkout, Confirmação do Pedido e Minha Conta entram no sitemap e viram wireframe. A plataforma é ASP.NET/ERP e a N1 entrega templates HTML/CSS/JS que o TI integra (briefing §8). Ao contrário de plataformas de checkout hospedado, o checkout aqui é da TireShop, e a clareza de preço, parcelamento e valor final "do início ao fim" é requisito do briefing (§3). Ver LA01. | briefing §3, §8; DH2; BP5; PD4 |
| S7 | Nenhuma página de "Ofertas/Promoções" ou "Black Friday" no sitemap, porque o briefing não a pede e o go-live é depois da Black Friday. Fica como candidata futura. | briefing §1; benchmark: pneustore (/black-friday) [Indireta] |
| S8 | A garantia de preço existe exclusivamente na página do produto elegível. Não há página de política (P24 aposentada), nem item na Home, nem link no rodapé, nem menção no Institucional ou na Listagem. Serão cerca de 15 itens selecionados num catálogo de 2.300; mencionar o recurso de forma ampla faria os outros 2.285 gerarem a dúvida "será que consigo desconto aqui também?", que é atrito, não conversão. As regras ficam dentro do próprio bloco da PDP. | [Cliente] call 30/09/2026; F14; DH4; EV4 |
| S9 | Comparar Pneus é página, com acesso a partir da Listagem de Pneus e do Produto. Existe porque a etapa de decisão é a lacuna do setor. | PD3; IN6; U-M2; DH9; benchmark: pneufree (comparador, leitura direta) |
| S10 | O Blog (Guia do Pneu) existe hoje, no mesmo domínio, e deixa de ser hipótese. Entra no sitemap como quatro páginas-modelo — Home (P27), Categoria (P29), Artigo (P30) e Autor (P31) — para sustentar SEO e explicar INMETRO. O inventário (quantos artigos, categorias e autores) ainda é lacuna (LA15). | [Cliente] call 30/09/2026 (Mariella, liveSEO); AD11; U-M6; T9; BM12 |
| S11 | Texto de apoio (SEO) e Perguntas Frequentes passam a ser seções da Home, separadas, acima do rodapé. Ambas já existem no site atual e são mantidas pela liveSEO. A Home vai de 12 para 14 seções (ver 07 §1 H-8). | [Cliente] call 30/09/2026; U5 (FAQPage) |
1.3 URLs e SEO (obrigatório antes do go-live)
iA estrutura de URLs e a política de indexação devem ser alinhadas com a liveSEO antes do go-live. O projeto de SEO em andamento não pode se perder (briefing §8, §10; ON5; L14). Os nomes do sitemap são nomes de UX, não são URLs.
| # | Regra | Origem |
|---|
| U1 | Toda URL atual é preservada (ou redirecionada com 301 para o equivalente) salvo orientação contrária da liveSEO. URLs conhecidas pelo briefing: produto (/{id}/Pneu-...), lojas (/Lojas/Joinville/, /Lojas/RibeiraoPreto/, /Lojas/SP/, /Lojas/NovoHamburgo/, /Lojas/Curitiba/) e oficinas (/EntregaLojaFisica). As demais serão levantadas com a liveSEO. | briefing §2, §8; L14 |
| U2 | Mapeamento URL antiga → nova é entregável do alinhamento com a liveSEO. Este documento não inventa URLs novas. | L14 |
| U3 | Indexação sugerida (proposta, a validar com a liveSEO): indexáveis = Home, Pneus por Aplicação, Pneus por Marca, Pneus por Medida (hierarquia aro → perfil → medida), Produto, Loja, Guia do Pneu e páginas de política. Candidata a indexável: Pneus por Veículo. Não indexáveis: combinações de filtros, ordenação, Resultado de Busca, Comparar Pneus, Carrinho, Checkout e Minha Conta. Combinação vazia retorna 404. | BP13; RC8; IN8; benchmark: acheipneus, pneustore [Indireta] (hierarquia aro → perfil → medida; medida indexável); pneubest (aro × tipo de veículo tem página própria, [Indireta] na variação) |
| U4 | Conteúdo textual renderizado no HTML (título, descrição, lista de produtos), sem depender só de JavaScript. | EV6; A2, A3 (acheipneus e pneufree dependem de JS) |
| U5 | Dados estruturados: Produto (com variação modelo × medida e dados de oferta: preço, disponibilidade, frete e devolução), Loja (negócio local), Migalhas de pão e FAQ. As políticas de frete e devolução (P20, P22) alimentam a marcação de organização. | BP12; T6; T7; RC9 |
| U6 | Produto sem estoque continua indexado e com conteúdo completo (preço de referência, previsão de chegada, Avise-me, alternativas). | EV5; DH1; benchmark: acheipneus [Indireta] (esgotado segue indexado) |
| U7 | Migalhas de pão (breadcrumb) em Listagem de Pneus, Produto e Loja. | BP13; benchmark: pneubest (leitura direta) |
2. Navegação
2.1 Princípios de navegação
| # | Princípio | Origem |
|---|
| N1 | Busca como primeira ação em todo o site. Um acesso a Buscar Pneu (medida/veículo) fica sempre visível no cabeçalho, no desktop e no celular. | RC12; DH10; U-R1; benchmark: pneufree (busca em 3 modos, leitura direta) |
| N2 | Contexto persistente e editável: o veículo ou a medida escolhidos e o CEP ficam visíveis em um chip ("Seu pneu: Fiat Strada 2021 · CEP 80000-000") e podem ser trocados ou limpos em qualquer página. | DH5; RC6; U-R4; BP2, BP5 |
| N3 | Menu enxuto. No máximo sete itens no menu principal do desktop e nenhuma sobreposição bloqueante na navegação (sem pop-up de newsletter, sem pesquisa de satisfação sobre a busca). O aviso de cookies é uma faixa discreta que não cobre a busca. | DH5; DH10; H8; benchmark: pneubest (sobreposições, leitura direta) |
| N4 | Mesma estrutura em todas as páginas: cabeçalho, migalhas, rodapé e selos idênticos. | DH6; H4 |
| N5 | Todo estado sem saída tem saída: busca sem resultado, produto sem estoque, CEP inválido, carrinho vazio e 404 trazem caminho de volta, alternativas e WhatsApp. | DH11; H9 |
| N6 | Alvos de toque grandes e poucos passos no celular. Seletor de busca em tela cheia, filtros em painel deslizante, barra de compra fixa no Produto. | DH9; ON3; U-R2 |
2.2 Cabeçalho
Faixa utilitária (desktop; no celular vira itens do menu lateral): Nossas Lojas · Entrega em Oficina · Central de Ajuda · WhatsApp · Meus Pedidos. Origem: F07, F13, F15; ON7 (lojas visíveis desde o cabeçalho); U-A1; U-A5.
Barra principal (desktop):
| Posição | Item | Função | Origem |
|---|
| 1 | Logotipo (leva à Home) | Retorno | H3 |
| 2 | Campo de busca de texto + botão Buscar por medida ou veículo (abre Buscar Pneu) | Descoberta | N1; F01, F02; UT1 |
| 3 | Chip de contexto (veículo/medida e CEP) | Persistência | N2 |
| 4 | Entrar / Minha Conta | Conta | F05 |
| 5 | Carrinho (quantidade e total) | Compra | benchmark: pneubest (mini-carrinho com total, leitura direta) |
Barra principal (celular): menu (hambúrguer) · logotipo · botão Buscar pneu (destaque) · carrinho. O chip de contexto aparece logo abaixo do cabeçalho quando há veículo/medida/CEP definidos. Origem: DH9; U-R1; benchmark: pneufree (menu hambúrguer, leitura direta).
| # | Item | Abre | Origem |
|---|
| 1 | Buscar por Veículo | Buscar Pneu (aba Veículo) | F02; UT1; U-R1 |
| 2 | Buscar por Medida | Buscar Pneu (aba Medida) | F01; UT1; U-M1 |
| 3 | Aplicações | Menu expandido com as 7 aplicações (Carros, SUV e Pick-up, Competição, Vans, Agrícola, Caminhões, UTV e OTR), cada uma com ícone | DH8; AD2; RC15; U-S1 |
| 4 | Marcas | Menu expandido com as 17 marcas (logotipos em texto no wireframe) e link "Ver todas" (Marcas) | DH8; BM4; benchmark: pneufree (leitura direta) |
| 5 | Lojas | Lojas Físicas, com as 5 unidades listadas | RC10; ON7; F15 |
| 6 | Entrega em Oficina | Entrega em Oficina Conveniada | F13; AD10; benchmark: pneufree (banner de auto center, leitura direta), pneustore (/entrega-em-loja, [Indireta]) |
| 7 | Ajuda | Central de Ajuda | DH12; benchmark: pneufree, pneubest (leitura direta) |
Menu lateral do celular (ordem): Buscar pneu (Veículo/Medida/Aro) → Aplicações → Marcas → Lojas → Entrega em Oficina → Meus Pedidos → Ajuda → WhatsApp. Origem: U-R1; DH8; F07.
| Elemento | Onde aparece | Conteúdo | Origem |
|---|
| Migalhas de pão | Listagem de Pneus, Produto, Loja, Guia do Pneu, páginas de política | Home > Aplicação/Marca/Medida > Produto | U7; BP13; benchmark: pneubest (leitura direta) |
| Atalhos por aro e por medida | Listagem de Pneus (entrada Pneus por Medida) e Home | Aro 13 a 22.5 e medidas frequentes; hierarquia aro → perfil → medida | DH8; AD8; benchmark: pneubest (leitura direta, atalhos); acheipneus [Indireta] (hierarquia) |
| Índice de âncoras do Produto | Produto | Preço e entrega · Ficha técnica · INMETRO · Veículos compatíveis · Avaliações · Perguntas | U-M1; AD4; H6 |
| Barra de etapas | Carrinho, Checkout | Carrinho · Identificação · Entrega · Pagamento (o resumo de valores acompanha todas as etapas) | DH2; benchmark: pneufree (leitura direta) |
| Menu da Minha Conta | Minha Conta e subpáginas | Painel · Meus Pedidos · Meus Dados e Endereços · Sair | F05 |
| Menu das políticas | Páginas de política (P20 a P23) | Lista lateral (desktop) ou seletor (celular) entre Frete e Prazo, Pagamento e Parcelamento, Trocas e Devoluções e Garantia | BP10; U-A4 |
| Cabeçalho reduzido do Checkout | Checkout | Logotipo, "Voltar ao carrinho", selo de ambiente seguro e WhatsApp; sem o menu principal, para reduzir a distração | H3; DH2; DH11; H8 [inferência: padrão de checkout, não verificado nos concorrentes] |
2.5 Rodapé (idêntico em todas as páginas, exceto o Checkout, que usa versão curta)
| Coluna | Conteúdo | Origem |
|---|
| Comprar | Buscar por Veículo · Buscar por Medida · Aplicações · Marcas · Como Comprar | DH12; F01, F02 |
| Entrega e Pagamento | Frete e Prazo de Entrega · Pagamento e Parcelamento · Entrega em Oficina Conveniada · Meus Pedidos | BP10; DH12; benchmark: pneubest ("Prazo de entrega", "Rastrear pedido", leitura direta) |
| Confiança e Garantias | Trocas e Devoluções · Garantia · Institucional · Blog | BP10; U-A4; RC9; S8 |
| Nossas Lojas | As 5 lojas com cidade, endereço e horário resumidos, e link para Lojas Físicas | ON7; F15; U-A1; DH12 |
| Atendimento | WhatsApp · Fale Conosco · Central de Ajuda · horário de atendimento | F07; UT6; benchmark: pneufree (contatos com horário, leitura direta) |
| Legal e selos | Razão social e CNPJ [dado a informar pelo cliente] · Privacidade e Termos · formas de pagamento aceitas (Pix, boleto, Visa, Master, Amex, Diners, Elo) · selos de segurança e reputação (ClearSale, Trustvox, entre outros a confirmar) | BM8; BP8; briefing §2, §8; benchmark: pneufree, pneubest (leitura direta) |
| Newsletter | Campo de e-mail com aceite (no rodapé, nunca em pop-up) | N3; DH5; benchmark: pneubest (formulário no fim da Home, leitura direta) |
2.5.1 Elementos globais flutuantes
| Elemento | Regra | Origem |
|---|
| WhatsApp flutuante | Botão fixo em todas as páginas; no Produto e no Carrinho o texto pré-preenchido inclui o pneu e a medida; no celular não pode cobrir a barra de compra fixa | F07; UT6; U-R, U-A5, U-S6 |
| Barra de compra fixa (celular) | Só no Produto: preço à vista + botão de compra sempre visíveis | U-R2; DH9 |
| Aviso de cookies | Faixa discreta, sem cobrir a busca | N3; DH5 |
2.6 Utilitários
| Utilitário | Comportamento | Origem |
|---|
| Busca | Campo de texto com sugestões (marca, medida, modelo) e atalho para Buscar Pneu. Busca por texto que parece medida (ex.: "225 45 17") leva direto à Listagem de Pneus por Medida. Sem resultado: sugere medidas próximas e a busca por veículo. | F01, F02; DH7; DH11 |
| Conta | Entrar/Cadastrar (visitante) ou Minha Conta (logado), com atalho para Meus Pedidos | F05 |
| Carrinho | Ícone com quantidade e total; no desktop abre mini-carrinho com "Ver carrinho" e "Finalizar compra" | benchmark: pneubest (mini-carrinho, leitura direta); DH5 |
| CEP | Um único CEP lembrado em todo o site, editável no chip de contexto, no Produto e no Carrinho | BP5; U-R3 |
3. Fluxos Principais
iNotação: → avança; [decisão] bifurca. Não existe fluxo B2B nem de serviço (briefing §2).
FL1 — Descoberta por veículo até a compra (Rafael)
Home ou qualquer página → Buscar Pneu (aba Veículo: marca, modelo, ano, versão) → Listagem de Pneus (por Veículo, só itens compatíveis) → Produto (confirma compatibilidade, vê preço à vista, data de chegada por CEP) → Carrinho → Checkout (Identificação, Entrega, Pagamento) → Confirmação do Pedido → Detalhe do Pedido. Origem: Rafael; U-R1 a U-R6; DH1, DH2, DH7; F02, F03.
FL2 — Descoberta por medida, comparação e decisão (Marcos)
Home → Buscar Pneu (aba Medida) → Listagem de Pneus (por Medida) → filtros técnicos (marca, índice de carga, velocidade, INMETRO, nota) → seleciona 2 a 4 pneus → Comparar Pneus → Produto (ficha técnica, INMETRO, avaliações) → [produto com Garantia de Preço?] sim: lê "Como funciona" (Garantia de Preço) → Carrinho → Checkout. Origem: Marcos; U-M1 a U-M6; DH9; IN6; F09, F10, F14; AD6, AD7.
FL3 — Confiança e oficina conveniada (Ana)
Home → Lojas Físicas / Institucional (verifica que a empresa existe) → Loja (endereço, horário) → busca por veículo (FL1) → Produto (vê Nota Fiscal e garantia em PDF no bloco de confiança) → Entrega em Oficina Conveniada (informa CEP, vê oficinas e valores de serviço) → Carrinho (CEP libera a opção de oficina) → Checkout (escolhe oficina) → Meus Pedidos (rastreio, Nota Fiscal, Termo de Garantia). Origem: Ana; U-A1 a U-A6; F13, F15, F05, F06; IN5, IN9; L12, L16.
FL4 — Nicho e disponibilidade (Sérgio)
Home → Pneus por Aplicação (Agrícola, UTV e OTR ou Competição) → Buscar Pneu com medida incomum → Listagem de Pneus → Produto → [em estoque?] não: Produto Sem Estoque (previsão de chegada com data, se cadastrada, e "Avise-me") → [dúvida] WhatsApp → Carrinho (frete por CEP, regra de frete grátis do item) → Checkout. Origem: Sérgio; U-S1 a U-S6; F11, F12, F16; OP5, OP8; DH1, DH11.
FL5 — Item sem estoque (todas as personas)
Produto (sem estoque, preço e regra de frete mantidos) → [previsão cadastrada?] sim: exibe "Previsão de chegada: dd/mm/aaaa" → Avise-me quando estiver disponível (e-mail/WhatsApp, a confirmar em LA13) ou Alternativas na mesma medida → Produto de substituição. Origem: F11, F12; DH1; DH11; EV5; UT7.
FL6 — Frete e prazo por CEP
Qualquer Produto ou Carrinho → digita CEP (lembrado no chip) → [1 ou 2 transportadoras] exibe a opção mais barata (muitas vezes grátis) e, se houver, a mais rápida, cada uma com data de chegada → [oficina conveniada na cidade?] sim: oferece "Receber em oficina conveniada" → [regra de frete grátis do produto] mostra a condição em linguagem clara (Sul e Sudeste acima de R$ 1.000; Brasil acima de R$ 1.000; ou sem frete grátis). Origem: F03, F13, F16; briefing §2, §8; DH1, DH2, DH3; BP5, BP6.
FL7 — Pós-compra e documentos
Confirmação do Pedido → Meus Pedidos → Detalhe do Pedido → rastreio (status e histórico) → Baixar Nota Fiscal (PDF) e Baixar Termo de Garantia (PDF) → dúvida: WhatsApp com o número do pedido preenchido. Origem: F05, F06; U-A3; BP11; OP6; IN9; L05 (disponibilidade dos PDFs).
FL8 — Chegada por busca orgânica (Google)
Resultado do Google → Pneus por Medida, Pneus por Marca ou Produto (entrada direta, sem passar pela Home) → o usuário precisa encontrar, na própria página, o contexto (medida/veículo), o CEP e o acesso a Buscar Pneu. Toda página de entrada deve funcionar como uma Home para quem chega por ela. Origem: ON5; OP7; BP13; DH5 (contexto persistente); benchmark: acheipneus, pneustore [Indireta].
4. Hierarquia
4.1 Prioridade relativa entre páginas
| Nível | Páginas | Critério | Origem |
|---|
| 1. Crítico (define conversão) | Home, Buscar Pneu, Listagem de Pneus, Produto, Carrinho, Checkout | É o caminho de compra e onde estão as duas maiores dores: encontrar o pneu exato e entender valor final e prazo | OU1, OU3, OU4; DH1, DH2, DH7; RC6, RC16 |
| 2. Alto (confiança e diferencial) | Confirmação do Pedido, Meus Pedidos, Detalhe do Pedido, Lojas Físicas, Loja, Entrega em Oficina Conveniada | Trazem os diferenciais (DF1, DF4) e o pós-compra novo (F06) | ON7; F05, F06, F13, F15; DF1, DF4; IN5, IN9 |
| 3. Médio (apoio à decisão) | Marcas, Comparar Pneus, Institucional, Frete e Prazo de Entrega, Pagamento e Parcelamento, Central de Ajuda, Entrar ou Cadastrar, Minha Conta | Reduzem dúvida e risco percebido | DH4, DH12; BP10; IN6 |
| 4. Baixo (obrigatório ou de longo prazo) | Trocas e Devoluções, Garantia, Fale Conosco, Meus Dados e Endereços, Privacidade e Termos, Guia do Pneu, Página não encontrada | Necessárias, mas com menor peso na conversão. Trocas, Garantia e Fale Conosco sobem para Médio se o cliente tiver reclamações recorrentes (a validar) | BP10; AD11; DH11 |
4.2 Prioridade de blocos dentro do caminho de compra
- Medida e compatibilidade inequívocas em toda etapa (F17; DH3; IN7).
- Valor final e data de chegada antes do checkout (RC16; DH1; DH2; BP5, BP6).
- Legitimidade perto da decisão (lojas, reputação, WhatsApp) (BP8; UT3).
- Riqueza técnica (INMETRO, veículos compatíveis, avaliações, 360°) em camadas, abaixo da decisão principal (AD4; U-M1).
- Conteúdo educativo e institucional, mais abaixo (AD11).
4.3 Conflitos entre personas e como a hierarquia os resolve (05 §4.6)
| Tensão | Decisão nesta arquitetura | Origem |
|---|
| Busca simples (Rafael, Ana) vs. filtros técnicos (Marcos, Sérgio) | Buscar Pneu é simples (dois eixos, poucos campos). A profundidade técnica vive na Listagem de Pneus (filtros, comparar) e no Produto (camadas). | ON2; 05 §4.6 |
| Preço agressivo vs. medo de golpe (Rafael, Ana) | A faixa de confiança (lojas, reputação, Nota Fiscal e Termo de Garantia) fica no mesmo bloco visual do preço no Produto e no Carrinho, e a Home tem seção própria de segurança. | IN2; BP9; 05 §4.6 |
| Nichos (Sérgio) vs. foco em passeio | As 7 aplicações são entrada secundária na Home, abaixo da busca. Dentro de Agrícola, UTV e OTR e Competição, a Listagem de Pneus troca os filtros (aro grande, lona, índice de carga) sem alterar o template. | RC15; U-S1, U-S2; 05 §4.6 |
Home enxuta vs. destaque das lojas (briefing §6) | As lojas têm seção própria na Home (desktop com destaque de mapa e lista; celular com versão compacta) e ficam também no cabeçalho e no rodapé, sem inflar a Home com banners promocionais. | ON7; DH10; EV2 |
5. CTAs Globais
| # | CTA (rótulo de trabalho) | Tipo | Onde aparece | Origem |
|---|
| CTA1 | Buscar pneu / Ver pneus compatíveis | Primário | Cabeçalho (todas as páginas), Home (1ª ação), Página não encontrada, estados sem resultado | N1; RC12; DH10; UT1 |
| CTA2 | Comprar (Listagem) / Adicionar ao carrinho (Produto) | Primário | Card de Produto, Produto (barra fixa no celular), Comparar Pneus | DH6; U-R2 |
| CTA3 | Calcular frete (CEP) | Primário de suporte | Produto, Carrinho, Entrega em Oficina Conveniada, Frete e Prazo de Entrega | F03; BP5; U-R3 |
| CTA4 | Avise-me quando estiver disponível | Primário no estado sem estoque | Produto Sem Estoque, Card de Produto sem estoque | F11; DH1; DH11 |
| CTA5 | Finalizar compra | Primário | Carrinho, mini-carrinho | DH2 |
| CTA6 | Falar no WhatsApp | Secundário (sempre disponível) | Botão flutuante global, Produto, Carrinho, Checkout, Loja, Central de Ajuda, Detalhe do Pedido, Página não encontrada | F07; UT6 |
| CTA7 | Ver lojas / Ver loja / Como chegar | Secundário | Cabeçalho, Home (seção Lojas Físicas), Institucional, Produto (faixa de confiança), rodapé | ON7; F15; U-A1 |
| CTA8 | Ver condições de pagamento | Terciário | Card de Produto (resumo), Produto, Carrinho, Checkout | F04; BP7; U-R6 |
| CTA9 | Comparar / Comparar pneus | Secundário | Listagem de Pneus (marcar itens), Produto | U-M2; DH9 |
| CTA10 | Como funciona (Garantia de Preço) | Terciário | Exclusivamente na página do Produto elegível, dentro do próprio bloco C8. Não aparece na Home, no rodapé nem em qualquer outra página. | F14; DH4; S8 |
| CTA11 | Baixar Nota Fiscal / Baixar Termo de Garantia | Primário na área logada | Detalhe do Pedido | F06; U-A3 |
| CTA12 | Ver oficinas conveniadas | Secundário | Home, Carrinho, Produto (bloco de entrega), Entrega em Oficina Conveniada | F13; AD10 |
| CTA13 | Entrar / Cadastrar | Secundário | Cabeçalho, Checkout (etapa Identificação) | F05 |
6. Componentes Compartilhados
Definidos aqui uma única vez e reusados verbatim nas demais fases (DH6). O detalhe visual é da Fase 08 (estrutura, sem estética).
| # | Componente | Conteúdo mínimo | Regras | Origem |
|---|
| C1 | Card de Produto | Imagem (sinalizando "ilustrativa" ou "real 360°"), marca, modelo, medida completa (ex.: 225/45R17 94W XL), preço à vista, parcelamento resumido, nota e nº de avaliações, selo de frete grátis (quando o produto tem), selo de disponibilidade | É o mesmo card em Home, Listagem de Pneus, Produto (alternativas), Comparar Pneus e Carrinho (versão compacta). Sem selos de varejo como "Queima" ou "Mega Promo". | DH3, DH6; F17; benchmark: pneufree, pneubest (leitura direta) |
| C2 | Bloco de Preço | Preço à vista (Pix, boleto ou 1x no cartão, com 5% de desconto), "ou até 12x sem juros" e link Ver todas as condições, que abre a tabela progressiva (1x: 5%; 2x a 4x: 3%; 5x a 7x: 2%; 8x a 10x: 1%; 11x e 12x: sem desconto) | Mostra menor preço e menor parcela e deixa a tabela completa sob demanda. A tabela nunca é o primeiro nível. Abrangência da tabela: LA06 (L17). | F04; BP7; IN4; UT5; briefing §2 |
| C3 | Bloco de Entrega | Campo de CEP (lembrado), 1 ou 2 opções (mais barata e mais rápida) com data de chegada, regra de frete grátis do produto em linguagem clara, opção de oficina conveniada quando houver | Prazo sempre como data, nunca só "dias úteis". Frete grátis: uma das três regras (Sul e Sudeste acima de R$ 1.000; Brasil acima de R$ 1.000; sem frete grátis), sem asterisco oculto. | F03, F13, F16; DH1, DH2, DH3; BP5, BP6; EV3, EV4 |
| C4 | Chip de Contexto | Veículo ou medida escolhidos + CEP, com ações "Trocar" e "Limpar" | Persiste entre Listagem, Produto e Carrinho. | DH5; RC6; U-R4; BP2 |
| C5 | Seletor de Busca | Três modos: Veículo (marca, modelo, ano, versão), Medida (largura, perfil, aro) e Aro; campos encadeados; ajuda "Onde encontro a medida?" | Um único componente usado no cabeçalho, na Home e em Buscar Pneu. | DH7; F01, F02; benchmark: pneufree (3 modos, leitura direta) |
| C6 | Selo de Disponibilidade | Em estoque · Sem estoque (com previsão de chegada e Avise-me) · Quantidade indisponível | Presente no Card de Produto, no Produto, no Carrinho e no Comparar Pneus. | F11, F12; DH1; DH11 |
| C7 | Faixa de Confiança | Lojas físicas (cidade), nota de avaliações, Nota Fiscal e Termo de Garantia em PDF, WhatsApp, selos de segurança | No Produto e no Carrinho, junto do preço. Na Home, seção própria. | BP8; IN5; IN9; UT3; U-R5 |
| C8 | Bloco de Garantia de Preço | Frase curta, "Como funciona" em 3 passos e as condições, tudo dentro do próprio bloco — não há página externa para onde linkar | Aparece em um único lugar do site: a seção 8 da página de Produto (P05), e só nos ~15 produtos selecionados pela TireShop, sinalizados por atributo do produto. Regras operacionais: LA05 (L11). | S8; F14; DH4; EV4 |
| C11 | Card de Artigo | Imagem, categoria, título, resumo curto, autor e data | Blog (P27, P29, P30, P31) e seção Blog da Home. Um único card para todos, como manda DH6. | S10; AD11; DH6 |
| C9 | Comparador (bandeja) | Barra fixa "Comparar (n de 4)" com os itens marcados | Aparece na Listagem de Pneus e leva a Comparar Pneus. | DH9; U-M2; benchmark: pneufree (leitura direta) |
| C10 | Estado Vazio ou de Falha | Mensagem clara, causa, próximo passo e WhatsApp | Aplicado a: busca sem resultado, CEP inválido, carrinho vazio, item sem estoque, 404. | DH11; H9 |
7. Estrutura das Páginas
iFormato. Para cada página: Objetivo · Mensagem principal · CTA · Prioridade · Nota mobile, e uma tabela com a ordem das seções, o objetivo de cada bloco, os componentes e a origem. As listas estão na ordem vertical (topo → rodapé) no celular; diferenças no desktop estão indicadas. Cabeçalho e rodapé são globais (Seções 2.2 e 2.5) e só são repetidos aqui quando há variação.
P01 — Home
- Objetivo: levar o visitante à busca por veículo ou medida em poucos segundos, e provar que a loja é real, com as lojas físicas em destaque no desktop.
- Mensagem principal: "Encontre o pneu certo para o seu veículo, com preço, parcelamento e data de entrega claros, numa loja que existe de verdade."
- CTA: Buscar pneu (CTA1). Secundários: Ver lojas (CTA7), Ver oficinas conveniadas (CTA12).
- Prioridade: Alta.
- Mobile: a busca ocupa a primeira dobra; lojas em versão compacta (lista de cidades com endereço e horário). Sem carrossel automático e sem sobreposições.
- Origem geral:
briefing §3, §6; DH5, DH10; EV1, EV2; RC12 a RC15; AD1 a AD3, AD9, AD10; UT1.
iA ordem abaixo é a estrutura macro. A Fase 07 detalha cada seção (conteúdo, hierarquia, comportamento responsivo) sem contradizê-la.
| # | Seção (nome canônico) | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Cabeçalho | Acesso a busca, conta, carrinho, lojas e ajuda | Global (2.2, 2.3) | N1; ON7 |
| 2 | Busca de Pneus | Ação principal: escolher Veículo, Medida ou Aro. Sem carrossel de marcas antes dela. | C5 (Seletor de Busca); ajuda "Onde encontro a medida?" | RC12; DH10; DH7; EV1; U-R1; UT1; benchmark: pneufree (busca na 2ª dobra, leitura direta) |
| 3 | Benefícios | Comunicar em uma faixa curta: desconto à vista (5%), parcelamento até 12x, frete grátis por regra e entrega em oficina conveniada. Sem reproduzir a tabela completa e sem citar a Garantia de Preço (S8). | Faixa de 4 itens com link "Ver condições" (CTA8) | AD3; RC14; IN4; DH10; S8 |
| 4 | Aplicações | Entrada por tipo de veículo/aplicação: Carros, SUV e Pick-up, Competição, Vans, Agrícola, Caminhões, UTV e OTR | 7 cartões com ícone | DH8; AD2; RC15; U-S1; benchmark: pneufree, pneubest (leitura direta) |
| 5 | Lojas Físicas | Destacar as 5 lojas (cidade, endereço, horário) como prova de existência. Desktop: bloco de destaque com lista e mapa. Celular: versão compacta com "Ver lojas". | Cartões de loja, link para Loja e Lojas Físicas (CTA7) | ON7; briefing §6; IN5; RC13; U-A1; AD9 |
| 6 | Produtos em Destaque | Mostrar pneus com preço, parcelamento e frete grátis | C1 (Card de Produto) em carrossel curto ou grade | benchmark: pneufree, pneubest (leitura direta); DH6 |
| 7 | Entrega em Oficina Conveniada | Explicar em poucas linhas a opção de receber em oficina, sem vender o serviço | Bloco explicativo com CTA12 | F13; AD10; OP9; U-A2; benchmark: pneufree (banner, leitura direta) |
| 8 | Marcas | Entrada por marca (17) | Grade de marcas | DH8; benchmark: pneufree (leitura direta) |
| 9 | Avaliações e Reputação | Provar reputação com nota e volume de avaliações (Trustvox) | Nota média, contagem, 3 avaliações | BP4; BP8; U-M3; F10; benchmark: pneufree (64 mil avaliações, leitura direta) |
| 10 | Compre com Segurança | Reforçar segurança: Nota Fiscal e Termo de Garantia em PDF, rastreio, WhatsApp, ambiente seguro. Sem Garantia de Preço (S8). | C7 (Faixa de Confiança) | IN9; U-A3; DH12; OU5; S8 |
| 11 | Blog | Conteúdo técnico educativo (3 artigos), que também alimenta o SEO | C11 (Card de Artigo), link para P27 | S10; AD11; U-M6; T9 |
| 12 | Texto de apoio (SEO) | Texto editorial da Home, mantido pela liveSEO. Já existe no site atual. Entra truncado com "Ler mais", para não empurrar o rodapé. | Bloco de texto com expansão | S11; [Cliente] call 30/09; U3 |
| 13 | Perguntas Frequentes | FAQ da Home em acordeão, com as perguntas que já existem no site. Alimenta o schema FAQPage (U5). | Acordeão | S11; [Cliente] call 30/09; U5; DH12 |
| 14 | Rodapé | Ajuda, políticas, lojas, selos e newsletter | Global (2.5) | DH12; BP10 |
Decisões da Home: (a) sem carrossel de banners (EV1; DH5). Uma faixa de campanha estática e opcional pode entrar na seção Produtos em Destaque, se o cliente quiser. (b) Sem pop-up de newsletter (DH5; N3): a newsletter fica no Rodapé. (c) Lojas Físicas aparece antes de Produtos em Destaque para atender ao pedido do cliente e à necessidade de Rafael e Ana de verificar a legitimidade antes de decidir (ON7; BP8). (d) Texto de apoio e FAQ entram como seções 12 e 13, separadas, acima do rodapé: ambas já existem no site e são mantidas pela liveSEO. Ficam depois de todo o conteúdo de conversão e prova, onde não competem com a busca (S11; [Cliente] 30/09).
P02 — Buscar Pneu
- Objetivo: permitir que o usuário chegue ao pneu exato por veículo, medida ou aro, sem errar e sem lembrar a medida.
- Mensagem principal: "Diga o seu veículo ou a medida e mostramos só o que serve."
- CTA: Ver pneus compatíveis (CTA1).
- Prioridade: Alta.
- Mobile: abre em tela cheia (não é pop-up pequeno), um campo por vez, botão fixo no rodapé da tela com a contagem de resultados. No desktop, é o painel da Home e um painel deslizante a partir do cabeçalho.
- Origem geral: F01, F02; DH7; DH8; DH9; UT1; U-R1, U-A6, U-S2; benchmark: pneufree (leitura direta).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Abas de modo | Alternar entre Veículo, Medida e Aro. Veículo e Medida têm o mesmo peso. | C5; abas | UT1; benchmark: pneufree (leitura direta); pneubest só tem medida e aro (03 §3.6) |
| 2 | Modo Veículo | Marca → modelo → ano → versão, com campos encadeados | Selects encadeados; busca por texto dentro da lista de modelos | F02; DH7; U-R1 |
| 3 | Modo Medida | Largura → perfil → aro, ou digitação direta da medida ("225/45R17"). Aceita valores de nicho (aros grandes, lonas). | Selects encadeados + campo de texto; validação em tempo real | F01; U-S2 [inferência]; DH7 |
| 4 | Modo Aro | Atalho para quem só sabe o aro (13 a 22.5 e valores maiores) | Lista de aros | DH8; benchmark: pneufree, pneubest (leitura direta) |
| 5 | Ajuda "Onde encontro a medida?" | Ensinar a ler a lateral do pneu e apontar para o manual do carro; link para Guia do Pneu | Ilustração do pneu com legenda (wireframe); link | U-A6; DH7; DH12 |
| 6 | Contagem e confirmação | Mostrar quantos pneus compatíveis foram encontrados antes de navegar | Contador; botão "Ver pneus compatíveis" | H1; DH7 |
| 7 | Estado sem resultado | Sugerir medidas próximas, tentar por veículo, chamar no WhatsApp | C10 | DH11 |
| 8 | Últimas buscas (quando houver contexto salvo) | Retomar veículo/medida usados | Chip de contexto (C4) | DH5; H6 |
- Objetivo: mostrar os pneus compatíveis com a entrada escolhida e ajudar a decidir entre eles (filtros técnicos, avaliações, comparação), sem esconder preço e prazo.
- Mensagem principal: "Estes são os pneus que servem. Compare pelo que importa: medida, preço final, etiqueta INMETRO e avaliações."
- CTA: Comprar / abrir Produto (CTA2); Comparar (CTA9); Avise-me em itens sem estoque (CTA4).
- Prioridade: Alta.
- Mobile: filtros em painel deslizante com botão fixo "Filtrar (n)" e "Ordenar"; card em uma coluna; contexto (chip) fixo sob o cabeçalho. Filtros com contagem (DH9).
- Origem geral: DH5, DH6, DH8, DH9; U-M2, U-M3; AD7, AD8; BP3, BP4, BP13; RC7; benchmark: pneubest (filtros por especificação e contagem, leitura direta), pneufree (comparador, leitura direta), acheipneus/pneustore (hierarquia de URLs, [Indireta]).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Migalhas e Título (H1) | Contextualizar em linguagem de busca ("Pneus 225/45R17", "Pneus para Fiat Strada 2021", "Pneus Yokohama") e mostrar a contagem | Migalhas; H1; contagem | U7; BP13; benchmark: pneubest, pneufree (títulos orientados à busca, leitura direta) |
| 2 | Contexto ativo | Mostrar e permitir trocar veículo, medida e CEP | C4 (Chip de Contexto) | DH5; RC6 |
| 3 | Filtros | Refinar por: medida (largura, perfil, aro), marca, aplicação, faixa de preço, índice de carga e de velocidade, etiqueta INMETRO (rolamento, aderência no molhado, ruído), nota de avaliação, disponibilidade, frete grátis, desenho da banda. Todos com contagem e "Limpar filtro". | Painel lateral (desktop) ou deslizante (celular) | DH9; AD7; RC7; BP3, BP4; U-M2; benchmark: pneubest (leitura direta) |
| 4 | Ordenação e Comparar | Ordenar (menor preço, mais vendidos, melhor avaliados, lançamentos) e marcar pneus para comparar | Select; C9 (bandeja do comparador) | DH9; benchmark: pneubest (4 ordenações, leitura direta), pneufree (comparador, leitura direta) |
| 5 | Grade de Produtos | Listar os resultados com informação suficiente para decidir sem abrir cada um | C1 (Card de Produto) | DH6; F17; DH3 |
| 6 | Paginação ou "Ver mais" | Percorrer resultados sem perder os filtros | Paginação com URLs rastreáveis | BP13; U4 |
| 7 | Atalhos relacionados | Levar a medidas vizinhas, outros aros, marcas da mesma medida (hierarquia aro → perfil → medida) | Lista de links | DH8; AD8; benchmark: acheipneus [Indireta], pneubest (leitura direta) |
| 8 | Texto de apoio e Perguntas Frequentes | Sustentar SEO e responder dúvidas da entrada (ex.: "Como ler a medida", "Qual pneu serve no meu carro") | Texto, acordeão (FAQ) | BP12; BP13; DH12; benchmark: pneubest (FAQ em Categoria, leitura direta) |
| 9 | Estado sem resultado | Sugerir medidas próximas, busca por veículo e WhatsApp | C10 | DH11 |
Diferenças por entrada
| Entrada | Título e contexto | Filtros/blocos específicos | Origem |
|---|
| Pneus por Aplicação (7) | "Pneus para [Aplicação]" + texto curto sobre a aplicação | Filtros adaptados: em Agrícola, UTV e OTR e Caminhões entram aro grande, lonas e índice de carga; em Competição, desenho e composto [inferência] | RC15; U-S2 [inferência]; OP8 |
| Pneus por Marca (17) | "Pneus [Marca]" + bloco de apresentação da marca | Filtro de marca já aplicado; atalhos por aplicação e medida da marca | benchmark: pneufree (/pneus/marcas/[marca], leitura direta parcial), pneubest (/marca/..., [Indireta]) |
| Pneus por Medida | "Pneus 225/45R17" (medida completa) | Migalhas aro → perfil → medida; atalhos por aro; medida fixa | AD8; benchmark: acheipneus [Indireta], pneufree (leitura direta) |
| Pneus por Veículo | "Pneus para [Marca Modelo Ano]" com as medidas originais e alternativas | Bloco "Medidas compatíveis com o seu veículo", com a medida original em destaque | F02; U-R1; RC6; BP2 |
| Resultado de Busca | "Resultados para [termo]" | Sugestões de correção; termos que parecem medida levam a Pneus por Medida | DH11; F01 |
P04 — Marcas
- Objetivo: dar acesso direto às 17 marcas e ajudar quem não conhece as marcas a escolher.
- Mensagem principal: "17 marcas de pneus, com etiqueta INMETRO e avaliações de clientes para você comparar."
- CTA: abrir Pneus por Marca (CTA1/CTA2).
- Prioridade: Média.
- Mobile: grade de duas colunas.
- Origem geral: DH8; IN1; T1; DF6; benchmark: pneufree (grade de marcas, leitura direta).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Título e apoio | Explicar como escolher marca sem conhecê-la (link para INMETRO e para comparar) | H1, texto curto | IN1; T1; BP3 |
| 2 | Grade de Marcas (17) | Entrada por marca | Cartões de marca (logotipo em texto) com nº de modelos | DH8 |
| 3 | Marcas por aplicação | Cruzar marca com aplicação (ex.: agrícola) | Lista de links | RC15; OP8 |
| 4 | Guia do Pneu (link) | Ajuda para comparar marcas desconhecidas | Cartão de link | AD11; IN1 |
P05 — Produto
- Objetivo: dar ao usuário tudo o que precisa para decidir e comprar com segurança (medida inequívoca, preço, prazo, compatibilidade, ficha técnica, INMETRO, avaliações), inclusive com o item sem estoque.
- Mensagem principal: "Este é exatamente o pneu [medida completa], serve no seu veículo e chega em [data] por [valor]."
- CTA: Adicionar ao carrinho (CTA2); Calcular frete (CTA3); Avise-me (CTA4, sem estoque); Comparar (CTA9); Como funciona (CTA10, produtos selecionados).
- Prioridade: Alta (página mais importante do site).
- Mobile: ordem Título e medida → Galeria → Bloco de Compra; barra de compra fixa (preço à vista + botão); índice de âncoras em vez de abas ocultas; ficha técnica e veículos compatíveis em acordeões.
- Origem geral: DH1, DH2, DH3, DH4, DH7, DH12; U-M1; AD4, AD5; F03, F04, F08 a F14; benchmark: pneufree (PDP completa, leitura direta), pneubest (simulador de frete, leitura direta), acheipneus (PDP "rica", [Indireta] e não verificada por dobra, LB5).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Migalhas e Contexto | Situar o usuário e mostrar se o pneu serve no veículo/medida escolhidos | Migalhas; C4 | U7; BP2; DH5 |
| 2 | Título com medida completa | Identificar o produto sem ambiguidade: marca, modelo, medida, índice de carga e velocidade, com a tradução do índice (ex.: "94 = 670 kg", "W = 270 km/h") | H1; selo INMETRO resumido; nota de avaliações | DH3; F17; IN7; benchmark: pneufree (leitura direta) |
| 3 | Galeria e 360° | Mostrar o produto real quando existir (Magic 360), sinalizando "imagem ilustrativa" ou "imagem real 360°" | Galeria; visualizador 360° (carga sob demanda por performance) | F08; DF2; DH7; IN10; BP14; benchmark: pneufree (360° e aviso de imagem ilustrativa, leitura direta) |
| 4 | Bloco de Compra | Preço à vista, parcelamento resumido, quantidade e botão de compra | C2 (Bloco de Preço); quantidade; CTA2 | DH1; F04; BP7; U-R6 |
| 5 | Bloco de Entrega | CEP, opções, data de chegada e regra de frete grátis do item; opção de oficina conveniada | C3 | DH1, DH2; F03, F13, F16; BP5, BP6; benchmark: pneubest (simulador de frete, leitura direta) |
| 6 | Estado Sem Estoque (substitui o botão de compra) | Manter preço de referência, regra de frete e previsão de chegada ("Previsão de chegada: dd/mm/aaaa", quando cadastrada); oferecer Avise-me e alternativas na mesma medida | C6; CTA4; mini-lista de alternativas | F11, F12; DH1; DH11; EV5; UT7; briefing §3 (anexo de previsão de chegada) |
| 7 | Compatibilidade | Confirmar "Serve no seu veículo" com o veículo do contexto, ou pedir o veículo para confirmar | Verificador de compatibilidade; C4 | DH7; U-A6; F09; BP2 |
| 8 | Garantia de Preço (só produtos selecionados) | Sinalizar a garantia, com "Como funciona" em 3 passos e critérios visíveis | C8 | F14; DH4; EV4; AD6 |
| 9 | Faixa de Confiança | Lojas físicas, avaliações, Nota Fiscal e Termo de Garantia em PDF, WhatsApp | C7 | BP8; BP9; IN2; IN9; UT3 |
| 10 | Ficha Técnica | Dados técnicos claros e traduzidos (medida, aro, índice de carga e velocidade, construção, desenho, lonas) | Tabela técnica | F09; U-M1; BP1; benchmark: pneufree, pneubest (leitura direta) |
| 11 | Etiqueta INMETRO | Mostrar resistência ao rolamento, aderência no molhado e ruído, com explicação curta e link para o Guia do Pneu | Selos de etiqueta; texto explicativo | F09; BP3; U-M6; benchmark: pneufree, pneubest (leitura direta) |
| 12 | Veículos Compatíveis | Listar veículos por marca, com busca dentro da lista | Lista agrupada em acordeão | F09; DH7; benchmark: pneufree (14 marcas, leitura direta), pneubest (leitura direta) |
| 13 | Avaliações | Nota, volume, distribuição e comentários (Trustvox); subnotas (durabilidade, aderência no molhado, ruído, conforto) se a Trustvox fornecer | Resumo de nota; lista; filtros | F10; BP4; U-M3; benchmark: pneufree (subnotas, leitura direta); LA10 |
| 14 | Perguntas Frequentes do Produto | Responder dúvidas comuns (compatibilidade, prazo, Nota Fiscal, oficina) | Acordeão | DH12; benchmark: pneufree (15 FAQs na PDP, leitura direta) |
| 15 | Alternativas na mesma medida | Manter o usuário no site e permitir comparar | Carrossel de C1; CTA9 | OP5; DH11; benchmark: pneufree (16 alternativas, leitura direta) |
| 16 | Barra de compra fixa (celular) | Manter preço e botão sempre à mão | Barra fixa | U-R2 |
Estados do Produto: Em Estoque (seções 4 e 5 completas); Sem Estoque (seção 6 no lugar do botão de compra; tudo o mais permanece); Produto com Garantia de Preço (seção 8 visível). A regra de frete grátis (C3) varia por produto: Sul e Sudeste acima de R$ 1.000; Brasil acima de R$ 1.000; ou sem frete grátis (briefing §2).
P06 — Comparar Pneus
- Objetivo: permitir comparar de 2 a 4 pneus compatíveis lado a lado, por critérios objetivos.
- Mensagem principal: "Veja a diferença real entre os pneus: preço final, etiqueta INMETRO, índices e avaliações."
- CTA: Adicionar ao carrinho em cada pneu (CTA2); Ver produto.
- Prioridade: Média.
- Mobile: tabela com rolagem horizontal e primeira coluna fixa, ou cartões empilhados com as diferenças destacadas [inferência].
- Origem geral: PD3; IN6; BP1; BP3; U-M2; DH9; benchmark: pneufree (comparador, leitura direta).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Cabeçalho da comparação | Mostrar os pneus escolhidos com foto, medida completa e ações "Remover" e "Adicionar outro" | C1 (compacto) | DH3; H3 |
| 2 | Tabela comparativa | Comparar: preço à vista, menor parcela, frete e data de chegada, INMETRO (rolamento, molhado, ruído), índice de carga e velocidade, nota e nº de avaliações, 360° | Tabela com destaque de diferenças | BP1; BP3; BP4; IN6; U-M2 |
| 3 | Resumo "Qual escolher" | Ajudar a decidir por perfil de uso (mais econômico, mais aderente, mais silencioso) [inferência: regra editorial a definir] | Cartões de resumo | IN6; U-A6 |
| 4 | Estado com poucos itens | Orientar a voltar à Listagem de Pneus para marcar mais pneus | C10 | DH11 |
P07 — Carrinho
- Objetivo: confirmar os pneus (medida e quantidade), mostrar o valor final e a data de chegada antes do checkout e liberar a opção de oficina conveniada.
- Mensagem principal: "Confira a medida, o valor final e quando chega, e finalize."
- CTA: Finalizar compra (CTA5); Calcular frete (CTA3); Ver oficinas conveniadas (CTA12).
- Prioridade: Alta.
- Mobile: resumo de valores e botão "Finalizar compra" fixos no rodapé da tela; itens em cartões compactos.
- Origem geral: DH2, DH3, DH5, DH6, DH11; F03, F04, F13, F16, F17; BP5, BP6; RC16; UT2.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Barra de etapas | Mostrar onde o usuário está (Carrinho, Identificação, Entrega, Pagamento) | Indicador de etapas | DH2; H1; benchmark: pneufree (leitura direta) |
| 2 | Lista de itens | Confirmar cada pneu com medida completa, imagem, disponibilidade, quantidade editável e "Remover" | C1 (compacto); campo de quantidade; C6 | DH3; DH5; F17; briefing §3 (medida clara "até nas páginas de confirmação") |
| 3 | Confirmação de compatibilidade | Reconfirmar que o pneu serve no veículo/medida do contexto | Aviso com C4 | DH7; BP2; U-A6 |
| 4 | Entrega | CEP, opções, data de chegada, regra de frete grátis (com quanto falta para atingir R$ 1.000, quando a regra do item permitir) e opção Receber em oficina conveniada | C3 | DH1, DH2; F03, F13, F16; BP5, BP6; "quanto falta" [inferência] |
| 5 | Resumo de valores | Subtotal, frete, desconto à vista, total à vista e parcelamento resumido, com "Ver todas as condições" | C2 | DH2; F04; BP7; UT2 |
| 6 | Faixa de Confiança e ajuda | Ambiente seguro, WhatsApp, links de Trocas e Devoluções e Frete e Prazo | C7; links | BP8; BP10; U-A4 |
| 7 | Produtos que podem interessar (opcional) | Alternativas ou complementos da mesma medida sem desviar da compra | C1 | [inferência]; DH10 (manter enxuto) |
| 8 | Estado Carrinho Vazio | Saída clara: Buscar pneu, últimas buscas, WhatsApp | C10 | DH11; benchmark: pneufree (leitura direta) |
P08 — Checkout
- Objetivo: concluir o pedido em poucos passos, com o resumo de valores sempre visível e sem surpresas de frete ou parcelamento.
- Mensagem principal: "Falta pouco. Confira o valor final e a data de chegada e pague do jeito que preferir."
- CTA: Continuar em cada etapa; Finalizar pedido na última.
- Prioridade: Alta.
- Mobile: uma etapa por tela, resumo colapsável no topo com o total; teclado numérico nos campos de CPF, CEP e cartão [inferência].
- Origem geral: DH2, DH3, DH11; F04; F13; PD4; BP5, BP8; benchmark: pneufree (4 etapas, leitura direta parcial, LB2). Os campos do checkout dos concorrentes não foram verificados (
03 §2.5, §3.5); a estrutura abaixo parte da Diretriz DH2 e das regras do briefing (LA01, LA09).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Cabeçalho reduzido e Barra de etapas | Manter o foco na conclusão sem perder saídas (voltar ao carrinho, WhatsApp) | Cabeçalho reduzido (2.4); indicador de etapas | DH2; DH11; H3 |
| 2 | Etapa Identificação | Entrar (e-mail e senha) ou cadastrar com dados de pessoa física (nome, CPF, e-mail, telefone) | Formulário; CTA13 | S1; EV7; LA09 |
| 3 | Etapa Entrega | Confirmar endereço, escolher a opção de frete (data de chegada e valor) ou oficina conveniada (lista de oficinas com valores dos serviços e aviso "a montagem é negociada diretamente com a oficina") | Formulário de endereço; C3; lista de oficinas | F03, F13; briefing §2; DH2; U-A2 |
| 4 | Etapa Pagamento | Escolher Pix, boleto ou cartão (Visa, Master, Amex, Diners, Elo). No cartão, mostrar as parcelas com o valor final de cada opção e o desconto progressivo. | Seletor de forma de pagamento; tabela de parcelas (C2 expandido) | F04; briefing §2; DH1; BP7; IN4 |
| 5 | Resumo do pedido (sempre visível) | Itens com medida completa, frete, desconto e total por forma de pagamento | Resumo lateral (desktop) ou colapsável (celular) | DH2; DH3; UT2; RC16 |
| 6 | Segurança e ajuda | Ambiente seguro, meios de pagamento aceitos, links de política e WhatsApp | Selos; links | BP8; BP10; benchmark: pneufree (selos no checkout, leitura direta) |
| 7 | Estados de erro | CEP inválido, cartão recusado, Pix pendente, com causa e próximo passo | C10; mensagens em linha | DH11; H9 [inferência] (mensagens não verificadas nos concorrentes) |
P09 — Confirmação do Pedido
- Objetivo: dar certeza de que o pedido foi feito e repetir com clareza o que foi comprado e o que vem a seguir.
- Mensagem principal: "Pedido confirmado. Veja o resumo e como acompanhar a entrega."
- CTA: Acompanhar pedido (leva a Detalhe do Pedido); Falar no WhatsApp.
- Prioridade: Alta.
- Mobile: resumo em uma coluna; instrução de pagamento (Pix, boleto) no topo quando pendente.
- Origem geral:
briefing §3 (medida clara "até nas páginas de confirmação"); DH1, DH2, DH3; U-A3; F05.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Mensagem de confirmação | Confirmar o pedido e o número | Título; nº do pedido | H1; DH2 |
| 2 | Instrução de pagamento (Pix ou boleto pendente) | Levar o usuário a concluir o pagamento (código Pix ou boleto) | Bloco de pagamento | H1; DH11 |
| 3 | Resumo do pedido | Repetir itens com medida completa, endereço ou oficina conveniada, data de chegada e valor total pago | C1 (compacto); resumo | DH3; F17; briefing §3 |
| 4 | Próximos passos | Explicar: acompanhamento, Nota Fiscal e Termo de Garantia em Meus Pedidos | Lista de 3 passos | IN9; U-A3; F06 |
| 5 | Ajuda | WhatsApp com o número do pedido | CTA6 | F07 |
P10 — Entrar ou Cadastrar
- Objetivo: permitir o acesso à conta ou o cadastro de pessoa física com o mínimo de atrito.
- Mensagem principal: "Entre para acompanhar seus pedidos e baixar Nota Fiscal e Termo de Garantia."
- CTA: Entrar; Criar conta (CTA13).
- Prioridade: Média.
- Mobile: uma coluna, com alternância Entrar/Criar conta.
- Origem geral: F05; S1; EV7; IN9; DH11.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Entrar | Acesso com e-mail e senha, e "Esqueci a senha" | Formulário; reCAPTCHA (integração existente) | F05; briefing §8 |
| 2 | Criar conta (pessoa física) | Cadastro só com dados de pessoa física | Formulário | S1; EV7 |
| 3 | Benefícios da conta | Justificar o cadastro: rastreio, Nota Fiscal, Termo de Garantia | Lista curta | IN9; U-A3 |
| 4 | Recuperação de erro | Mensagens claras para senha/e-mail incorretos | C10 | DH11 |
P11 — Minha Conta
- Objetivo: ser o ponto de partida da área logada, com atalho para pedidos e dados.
- Mensagem principal: "Tudo sobre suas compras em um só lugar."
- CTA: Ver Meus Pedidos.
- Prioridade: Média.
- Mobile: lista de atalhos em uma coluna.
- Origem geral: F05; BP11; RC11.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Saudação e menu da conta | Orientar dentro da área logada | Menu da Minha Conta | F05 |
| 2 | Último pedido | Acesso rápido ao status e ao rastreio do pedido mais recente | Cartão de pedido | BP11; U-A3 |
| 3 | Atalhos | Meus Pedidos, Meus Dados e Endereços, Ajuda, WhatsApp | Lista de links | F05; F07 |
P12 — Meus Pedidos
- Objetivo: listar os pedidos com status claro e permitir acompanhar cada um sem falar com o atendimento.
- Mensagem principal: "Acompanhe seus pedidos e acesse seus documentos."
- CTA: Ver detalhes (leva a Detalhe do Pedido); Baixar Nota Fiscal quando disponível.
- Prioridade: Alta (pós-compra é diferencial: F06, OP6).
- Mobile: cartões de pedido em uma coluna, status em destaque.
- Origem geral: F05, F06; BP11; OP6; IN9; U-A3; RC11; DH1.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Título e filtro | Filtrar por período e status (em andamento, entregues) | H1; filtros | DH9 |
| 2 | Lista de pedidos | Mostrar nº, data, total, status (pagamento, separação, em transporte, entregue), previsão de chegada e atalho para os documentos | Cartões de pedido | F05; DH1; BP11 |
| 3 | Atalhos de documentos | Baixar Nota Fiscal e Termo de Garantia direto da lista | Botões de PDF (estados: disponível, em preparação) | F06; LA07 |
| 4 | Estado sem pedidos | Levar a Buscar Pneu | C10 | DH11 |
| 5 | Ajuda | WhatsApp com contexto do pedido | CTA6 | F07 |
P13 — Detalhe do Pedido
- Objetivo: mostrar tudo sobre um pedido: rastreio, itens, entrega, pagamento e documentos em PDF (Nota Fiscal e Termo de Garantia).
- Mensagem principal: "Onde está meu pedido e onde estão meus documentos."
- CTA: Baixar Nota Fiscal (PDF) e Baixar Termo de Garantia (PDF) (CTA11); Falar no WhatsApp.
- Prioridade: Alta.
- Mobile: linha do tempo do rastreio no topo; documentos logo abaixo.
- Origem geral: F05, F06; BP11; OP6; IN9; U-A3; DH1, DH11; L05.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Resumo e status | Nº do pedido, data, status atual e previsão de chegada | Cabeçalho do pedido | DH1; DH2 |
| 2 | Rastreio | Linha do tempo com histórico e código/link da transportadora | Linha do tempo | F05; BP11; briefing §8 (Intelipost) |
| 3 | Documentos | Baixar Nota Fiscal e Termo de Garantia em PDF, com estado "em preparação" quando ainda não disponível | Botões de PDF; aviso | F06; U-A3; LA07 |
| 4 | Itens do pedido | Repetir cada pneu com medida completa e quantidade | C1 (compacto) | DH3; F17 |
| 5 | Entrega | Endereço ou oficina conveniada escolhida, com o aviso de que a montagem é negociada direto com a oficina | Resumo de entrega | F13; briefing §2; U-A2 |
| 6 | Pagamento | Forma, parcelas e valores; para Pix ou boleto pendente, acesso ao código ou segunda via [inferência] | Resumo de pagamento | DH1; DH11 |
| 7 | Ajuda com o pedido | WhatsApp com nº do pedido; links de Trocas e Devoluções e Garantia | CTA6; links | F07; BP10 |
P14 — Meus Dados e Endereços
- Objetivo: manter dados pessoais e endereços atualizados, para agilizar compras futuras.
- Mensagem principal: "Mantenha seus dados atualizados para comprar mais rápido."
- CTA: Salvar.
- Prioridade: Baixa.
- Mobile: formulários em uma coluna.
- Origem geral: F05; S1; DH11.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Dados pessoais | Editar nome, e-mail, telefone (CPF só leitura) | Formulário | S1 |
| 2 | Endereços | Adicionar, editar e remover endereços, com preenchimento por CEP | Lista + formulário | F03 |
| 3 | Senha e privacidade | Alterar senha; link para Privacidade e Termos | Formulário; link | P26 |
P15 — Lojas Físicas
- Objetivo: provar que a TireShop existe e ajudar o usuário a encontrar a loja mais próxima, com endereço, horário e contato.
- Mensagem principal: "A TireShop tem 5 lojas físicas. Conheça a mais próxima."
- CTA: Ver loja / Como chegar (CTA7); Falar no WhatsApp (CTA6).
- Prioridade: Alta (ON7; DF1).
- Mobile: lista de lojas com "Como chegar" e "Ligar/WhatsApp" em destaque; mapa abaixo da lista.
- Origem geral: ON7; F15; DF1; IN5; RC10; U-A1;
briefing §2, §6; benchmark: nenhum concorrente direto lido exibe lojas próprias (03 §7.2), espaço aberto.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Título e mensagem de confiança | Apresentar as lojas como parte da empresa (tempo de operação, presença regional) | H1; texto curto | IN5; DF9 [inferência] |
| 2 | Lista das 5 lojas | Joinville, Ribeirão Preto, São Paulo, Novo Hamburgo e Curitiba, com endereço, horário e telefone | Cartões de loja | F15; briefing §2 |
| 3 | Mapa | Localizar as lojas geograficamente | Mapa com 5 pontos | F15; U-A1 |
| 4 | Como funciona (honesto) | Explicar o que a loja oferece sem prometer retirada ou serviço enquanto o cliente não confirmar (LA03b). Link para Entrega em Oficina Conveniada. | Texto; link | L12; briefing §2; S2 |
| 5 | Atendimento | WhatsApp e Fale Conosco | CTA6 | F07 |
P16 — Loja
- Objetivo: apresentar uma loja específica com endereço, horário, contato e como chegar (SEO local).
- Mensagem principal: "TireShop [cidade]: endereço, horário e como chegar."
- CTA: Como chegar (CTA7); Falar no WhatsApp (CTA6).
- Prioridade: Alta.
- Mobile: endereço, horário e "Como chegar" na primeira dobra.
- Origem geral: S4; F15; RC10; IN5; U-A1; U1 (URLs
/Lojas/{Cidade}/ preservadas); U5 (dados estruturados de negócio local).
iCada unidade é uma página de verdade, não uma instância preenchida com o mesmo texto. As 5 lojas têm sócio e administração independentes e trabalham de forma diferente: horário, serviços oferecidos e até o mix de produtos mudam de uma para outra ([Cliente] call 30/09/2026). O template é comum; o conteúdo é próprio. Conteúdo por unidade: LA16.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Migalhas e título | Situar (Home > Lojas Físicas > Cidade) | Migalhas; H1 | U7 |
| 2 | Dados da loja | Endereço, horário próprio, telefone e WhatsApp da unidade | Cartão de dados | F15; briefing §2 |
| 3 | Administração da unidade | Nomear o responsável e deixar claro que a unidade tem gestão própria | Linha de dados | S4; [Cliente] 30/09 |
| 4 | Serviços desta unidade | Listar o que esta loja oferece — varia de uma para outra | Lista ou chips | S4; LA16 |
| 5 | Produtos desta unidade | Destacar o mix próprio, quando houver | C1 reduzido | S4; LA16 |
| 6 | Mapa e Como chegar | Levar o usuário à loja (rota) | Mapa; botão de rota | F15 |
| 7 | Fotos da loja | Provar a existência física (fachada e interior) | Galeria (imagens reais a fornecer pelo cliente) | IN5; BP8 |
| 8 | Texto próprio da unidade | Espaço editorial de cada loja. Não prometer retirada nem atendimento presencial enquanto LA03b não for respondida. | Texto | S4; LA03b; LA16 |
| 9 | Outras lojas | Navegar entre as 5 unidades | Lista de links | F15 |
| 10 | CTA de compra | Levar a Buscar Pneu | CTA1 | ON4 |
P17 — Entrega em Oficina Conveniada
- Objetivo: explicar e permitir consultar a opção de receber o pneu em uma oficina conveniada, quando houver uma na cidade de entrega.
- Mensagem principal: "Receba seus pneus em uma oficina conveniada e combine a montagem direto com ela. A TireShop não vende o serviço."
- CTA: Consultar por CEP (CTA3/CTA12); Buscar pneu (CTA1).
- Prioridade: Alta (DF4; U-A2).
- Mobile: consulta por CEP no topo; resultados em cartões.
- Origem geral: F13;
briefing §2 (URL atual /EntregaLojaFisica, preservada, U1); U-A2; AD10; OP9; L16; benchmark: pneufree (localizador de centros credenciados, leitura direta), pneustore (/entrega-em-loja, [Indireta]).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Título e explicação curta | Dizer o que é a opção e o que a TireShop faz e não faz (não vende a montagem) | H1; texto | U-A2; briefing §2; S2 |
| 2 | Consulta por CEP ou cidade | Verificar se há oficina na cidade de entrega | Campo de CEP; C3 (parcial) | F13; BP5 |
| 3 | Resultado: oficinas disponíveis | Listar oficinas com endereço e valores dos serviços (informados pela oficina) e aviso de negociação direta | Cartões de oficina | briefing §2; L16 |
| 4 | Resultado: sem oficina na cidade | Explicar e oferecer a entrega no endereço | C10 | DH11; L16 |
| 5 | Como funciona em 3 passos | Informar o CEP no carrinho → escolher a oficina → combinar a montagem com a oficina | Passos numerados | F13; DH12 |
| 6 | Perguntas Frequentes | Quem monta, quanto custa, e se o pneu chega direto na oficina | Acordeão | DH12; U-A2 |
| 7 | CTA de compra | Levar a Buscar Pneu | CTA1 | ON4 |
P18 — Institucional
- Objetivo: provar que a TireShop é uma empresa real, com história, lojas e reputação, e explicar como ela cumpre o combinado.
- Mensagem principal: "Operamos desde 2001, com 5 lojas físicas e 17 marcas, e cumprimos o que prometemos."
- CTA: Ver lojas (CTA7); Falar no WhatsApp (CTA6).
- Prioridade: Média.
- Mobile: blocos empilhados; números em grade de duas colunas.
- Origem geral: OU5; DF1, DF9; BP8; IN5; T5; DH12; benchmark: pneustore (
/confiabilidade, [Indireta], números autodeclarados), pneubest (/pagina/quem-somos, leitura direta).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Título e história | Contar a origem e a trajetória: a empresa opera desde 2001; o e-commerce próprio é de 2008/2009, com três redesigns desde 2013. Bloco de texto corrido (3 a 5 parágrafos), não uma frase — a versão atual do site serve de base. | H1; texto corrido | [Cliente] call 30/09; DF9; LA17 |
| 2 | Números | 5 lojas, 17 marcas, cerca de 2.300 produtos (validar) | Grade de indicadores | DF1, DF6; BP8 |
| 3 | Lojas físicas | Levar às 5 unidades | Cartões de loja | ON7; U-A1 |
| 4 | Como garantimos a sua compra | Explicar Nota Fiscal e Termo de Garantia, troca e atendimento | Blocos com links (P22, P23) | U-A3; IN9; S8 |
| 5 | Reputação | Mostrar avaliações e selos verificáveis | Nota Trustvox; selos | BP8; F10 |
| 6 | Dados da empresa | Razão social, CNPJ e endereço [dados a fornecer pelo cliente] | Bloco legal | BM8; benchmark: pneufree, pneubest (leitura direta) |
| 7 | Contato | WhatsApp e Fale Conosco | CTA6 | F07 |
P19 — Central de Ajuda
- Objetivo: responder dúvidas comuns sem exigir contato humano, e levar ao WhatsApp quando necessário.
- Mensagem principal: "Encontre respostas sobre compra, pagamento, entrega e garantia."
- CTA: Falar no WhatsApp (CTA6); links das políticas.
- Prioridade: Média.
- Mobile: temas em lista, perguntas em acordeão.
- Origem geral: DH12; H10 (melhor nota do grupo: pneufree 5/5); BP10, BP11; UT6; benchmark: pneufree (Central de Ajuda e 15 FAQs, leitura direta), pneubest (rodapé de ajuda, leitura direta).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Busca na ajuda | Encontrar a resposta por palavra | Campo de busca | H7; DH12 |
| 2 | Temas | Como Comprar · Como ler a medida · Pagamento e Parcelamento · Frete e Prazo · Entrega em Oficina · Meus Pedidos e Documentos · Trocas, Devoluções e Garantia | Cartões de tema | DH12; F03, F04, F05, F13 |
| 3 | Perguntas frequentes | As mais buscadas | Acordeão | DH12; benchmark: pneufree (leitura direta) |
| 4 | Contato humano | WhatsApp, Fale Conosco, horário | CTA6 | F07; UT6 |
| 5 | Links das políticas | Atalho para P20 a P23 | Lista de links | BP10 |
P20 — Frete e Prazo de Entrega
- Objetivo: explicar como o frete e o prazo são calculados e quando o frete é grátis.
- Mensagem principal: "Digite o CEP e veja o frete e a data de chegada. Confira quando o frete é grátis."
- CTA: Calcular frete (CTA3).
- Prioridade: Média.
- Mobile: blocos empilhados; calculadora no topo.
- Origem geral: F03, F16; DH3; BP10; T6; RC9;
briefing §2, §8.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Calculadora de frete | Consultar por CEP | C3 | F03; BP5 |
| 2 | Regras de frete grátis | Explicar as três situações sem asterisco: (1) Sul e Sudeste acima de R$ 1.000; (2) alguns produtos, Brasil todo acima de R$ 1.000; (3) alguns produtos sem frete grátis | Tabela de regras com exemplos | F16; DH3; briefing §2 |
| 3 | Como o prazo é contado | Explicar a data de chegada e as opções mais barata e mais rápida | Texto; exemplo | DH2; BP6; briefing §8 |
| 4 | Entrega em oficina | Link para P17 | Cartão de link | F13 |
| 5 | Perguntas Frequentes | Prazos, rastreio, endereço errado | Acordeão | DH12 |
P21 — Pagamento e Parcelamento
- Objetivo: explicar as formas de pagamento e a regra de desconto progressivo por número de parcelas.
- Mensagem principal: "À vista você tem 5% de desconto. No cartão, quanto menos parcelas, maior o desconto."
- CTA: Buscar pneu (CTA1).
- Prioridade: Média.
- Mobile: tabela em formato de cartões empilhados.
- Origem geral: F04; DF3; BP7; IN4; UT5;
briefing §2 (tabela de parcelamento).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Formas de pagamento | Pix, boleto e cartão (Visa, Master, Amex, Diners, Elo) | Lista com ícones em texto | briefing §2 |
| 2 | À vista: 5% de desconto | Explicar que vale para Pix, boleto ou 1x no cartão | Destaque | briefing §2; F04 |
| 3 | Tabela de desconto progressivo | 1x: 5%; 2x a 4x: sem juros, 3%; 5x a 7x: sem juros, 2%; 8x a 10x: sem juros, 1%; 11x e 12x: sem juros, sem desconto | Tabela; exemplo com valor | F04; DF3; L17 |
| 4 | Simulador | Digitar um valor e ver o total por opção | Calculadora simples [inferência: ideia do research IN4, "a interface faz a conta"] | IN4; BP7 |
| 5 | Segurança do pagamento | Antifraude e ambiente seguro (sem citar ferramentas se o cliente preferir) | Texto | BP8; briefing §8 |
P22 — Trocas e Devoluções
- Objetivo: explicar de forma simples como trocar ou devolver um pneu (arrependimento, defeito, pneu que não serve).
- Mensagem principal: "Se algo não sair como combinado, veja como resolver."
- CTA: Falar no WhatsApp (CTA6).
- Prioridade: Baixa (sobe para Média se houver alto volume de contatos).
- Mobile: passos em lista numerada.
- Origem geral: BP10; U-A4; T6; RC9; Ana; o conteúdo da política não foi informado no briefing (LA12).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Em resumo | Três pontos: prazo, condições, como pedir | Lista curta | DH12; H2 |
| 2 | Situações | Arrependimento, produto com defeito, pneu errado (medida) | Blocos por situação | U-A4; OU1 |
| 3 | Passo a passo | Como solicitar | Passos numerados | H10 |
| 4 | Perguntas Frequentes | Prazos e reembolso | Acordeão | DH12 |
| 5 | Contato | WhatsApp | CTA6 | F07 |
P23 — Garantia
- Objetivo: explicar a garantia do produto e onde baixar o Termo de Garantia em PDF.
- Mensagem principal: "Seu pneu tem garantia. O termo fica disponível em Meus Pedidos."
- CTA: Ver Meus Pedidos (leva a P12).
- Prioridade: Baixa.
- Mobile: texto em blocos curtos.
- Origem geral: F06; U-A3; IN9; BP10; benchmark: pneufree, pneubest (política de garantia no rodapé, leitura direta); o texto da garantia não foi informado (LA12).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Em resumo | O que cobre, por quanto tempo, quem responde (fabricante ou TireShop) | Lista curta | DH12 |
| 2 | Onde está meu Termo de Garantia | Explicar o acesso em Meus Pedidos | Passos; link | F06; U-A3 |
| 3 | Como acionar a garantia | Passo a passo | Passos numerados | H10 |
| 4 | Perguntas Frequentes | Dúvidas comuns | Acordeão | DH12 |
P25 — Fale Conosco
- Objetivo: reunir todos os canais de atendimento em um só lugar.
- Mensagem principal: "Fale com a gente do jeito que preferir."
- CTA: Falar no WhatsApp (CTA6).
- Prioridade: Baixa.
- Mobile: botão do WhatsApp em destaque; formulário curto abaixo.
- Origem geral: F07; UT6; DH12;
briefing §3. Telefone, e-mail e horário de atendimento não foram informados (LA12).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | WhatsApp | Canal principal | Botão; horário | F07 |
| 2 | Outros canais | Telefone e e-mail [a informar] | Lista | DH12 |
| 3 | Formulário | Contato por escrito, com escolha do assunto e nº do pedido | Formulário; reCAPTCHA | briefing §8 |
| 4 | Lojas | Contato de cada loja | Link para P15 | F15 |
P26 — Privacidade e Termos
- Objetivo: cumprir a exigência legal (LGPD) e apresentar os termos de uso da loja.
- Mensagem principal: "Como tratamos seus dados e as regras de uso do site."
- CTA: nenhum CTA de conversão; link para Fale Conosco.
- Prioridade: Baixa.
- Mobile: texto com índice de âncoras.
- Origem geral: DH12; DH6;
briefing §8 (integrações de mídia e analytics que tratam dados). Texto jurídico a fornecer pelo cliente (LA12).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Índice | Navegar pelo texto | Âncoras | H6 |
| 2 | Política de Privacidade | Explicar coleta e uso de dados | Texto | Requisito legal |
| 3 | Termos de Uso | Regras de uso e compra | Texto | Requisito legal |
| 4 | Cookies | Explicar e permitir gerenciar | Texto; controle | DH5 (aviso não bloqueante) |
P27 — Blog · Home
iO blog já existe no site atual, no mesmo domínio ("dentro da loja", [Cliente] call 30/09/2026). A Fase 06 o tratava como hipótese (LA08). Agora ele é quatro páginas-modelo: Home (P27), Categoria (P29), Artigo (P30) e Autor (P31). O nome de marca continua sendo Guia do Pneu; "Blog" é o nome funcional usado aqui.
- Objetivo: reunir o conteúdo técnico, dar entrada por tema e sustentar o SEO de cauda longa.
- Mensagem principal: "Entenda o seu pneu antes de comprar."
- CTA: Buscar pneu (CTA1). Secundário: abrir um artigo.
- Prioridade: Média.
- Mobile: uma coluna; categorias em chips roláveis.
- Origem geral: S10; AD11; U-M6; T9; BM12. Inventário do conteúdo atual: LA15.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Migalhas e título | Situar e nomear o hub | Migalhas; H1 | U2 |
| 2 | Artigo em destaque | Dar entrada pelo conteúdo mais relevante | C11 em formato largo | AD11 |
| 3 | Categorias | Entrada por tema (medida, INMETRO, manutenção, segurança) | Chips com link para P29 | DH8 |
| 4 | Artigos recentes | Listar o conteúdo novo | Grade de C11 | BM12 |
| 5 | Mais lidos | Aproveitar o que já performa | Lista de C11 compacto | AD11 |
| 6 | Autores | Dar rosto e credencial ao conteúdo | Cartões com link para P31 | U-M3 |
| 7 | CTA de busca | Levar de volta ao catálogo | CTA1 | ON4 |
| 8 | Rodapé | Global | Global (2.5) | — |
P29 — Blog · Categoria
- Objetivo: agrupar os artigos de um tema e funcionar como página de entrada orgânica.
- Mensagem principal: varia por categoria.
- CTA: abrir um artigo. Secundário: Buscar pneu (CTA1).
- Prioridade: Média.
- Mobile: uma coluna.
- Origem geral: S10; AD8 (hierarquia orientada à busca); U3. Template: gera uma instância por categoria, como a Listagem de Pneus (S5).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Migalhas e H1 da categoria | Situar e nomear | Migalhas; H1 | U2 |
| 2 | Texto introdutório | Contexto da categoria, com valor de SEO | Bloco de texto | U3; [liveSEO] |
| 3 | Grade de artigos | Listar o conteúdo da categoria | Grade de C11 | BM12 |
| 4 | Paginação | Navegar entre páginas | Paginação | DH3 |
| 5 | Outras categorias | Navegação lateral entre temas | Chips | DH8 |
| 6 | CTA de busca | Levar ao catálogo | CTA1 | ON4 |
| 7 | Estado sem artigos | Nunca deixar a página vazia sem saída | C10 | DH11 |
P30 — Blog · Artigo
- Objetivo: explicar um tema com linguagem simples e ligar o conteúdo ao produto.
- Mensagem principal: o próprio título do artigo.
- CTA: Buscar pneu (CTA1) ao fim. Secundário: ver pneus relacionados.
- Prioridade: Média.
- Mobile: uma coluna, com o índice do artigo recolhido no topo.
- Origem geral: S10; AD11; U-A6; U-M6; U5 (dados estruturados de artigo).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Migalhas | Situar dentro da categoria | Migalhas | U2 |
| 2 | Título, autor, data e tempo de leitura | Dar contexto e credibilidade | H1; link para P31 | U-M3 |
| 3 | Imagem de capa | Abrir o artigo | Imagem | — |
| 4 | Índice do artigo | Permitir pular para a seção de interesse | Âncoras | DH3; DH7 |
| 5 | Corpo do texto | O conteúdo | Texto, subtítulos, ilustrações | U-M6 |
| 6 | Caixa do autor | Creditar e levar ao perfil | Link para P31 | U-M3 |
| 7 | Pneus relacionados | Ligar conteúdo a produto | C1 | AD11 |
| 8 | Artigos relacionados | Manter a leitura | C11 | BM12 |
| 9 | CTA de busca | Levar ao catálogo | CTA1 | ON4 |
P31 — Blog · Autor
- Objetivo: reunir os artigos de um autor e dar credencial ao conteúdo técnico.
- Mensagem principal: "Quem escreve sobre pneus aqui."
- CTA: abrir um artigo.
- Prioridade: Baixa.
- Mobile: uma coluna.
- Origem geral: S10; U-M3 (Marcos avalia a fonte antes de confiar na informação técnica); [Cliente] call 30/09. Existência de páginas de autor hoje: LA15.
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Migalhas | Situar | Migalhas | U2 |
| 2 | Perfil do autor | Foto, bio curta e credencial | Bloco de perfil | U-M3 |
| 3 | Artigos deste autor | Listar a produção | Grade de C11 | BM12 |
| 4 | Paginação | Navegar | Paginação | DH3 |
| 5 | Outros autores | Navegação lateral | Lista | — |
P28 — Página não encontrada
- Objetivo: recuperar o usuário que chegou a uma URL inexistente ou removida.
- Mensagem principal: "Não encontramos essa página. Vamos achar o seu pneu?"
- CTA: Buscar pneu (CTA1); Falar no WhatsApp (CTA6).
- Prioridade: Baixa.
- Mobile: busca no topo, atalhos abaixo.
- Origem geral: DH11; H9; N5; U1 (redirecionamentos 301 reduzem a chance de 404 nas URLs antigas).
| # | Seção | Objetivo do bloco | Componentes | Origem |
|---|
| 1 | Mensagem | Explicar sem culpar o usuário | Título; texto | DH11 |
| 2 | Busca | Recomeçar | C5 | DH7; CTA1 |
| 3 | Atalhos | Aplicações, Marcas, Lojas, Ajuda | Links | DH8 |
| 4 | Contato | WhatsApp | CTA6 | F07 |
8. Rastreabilidade: como a arquitetura respeita as diretrizes
8.1 Diretrizes Heurísticas (04 §8)
| Diretriz | Onde a arquitetura a cumpre |
|---|
| DH1 Preço, parcelamento, frete e prazo sempre visíveis, com e sem estoque | P05 seções 4, 5 e 6; C2, C3, C6; FL5, FL6 |
| DH2 Prazo como data; barra de etapas; resumo de valores em todas as etapas | C3; P07 seção 1; P08 seções 1 e 5; P09 |
| DH3 Medida completa e inequívoca; frete grátis sem asterisco | C1; P05 seção 2; P07 seção 2; P08 seção 5; P09 seção 3; P20 seção 2 |
| DH4 Price match com "como funciona" e sem asterisco | C8; P05 seção 8 (único lugar); S8 |
| DH5 Contexto persistente; sem carrossel automático nem sobreposições | C4; N2, N3; P01 (sem carrossel, sem pop-up); P03 seção 2; P07 |
| DH6 Card único; rodapé e nomes iguais | C1; N4; Seção 6 |
| DH7 Busca unificada por medida, veículo e aro; compatíveis; confirmação | P02; C5; P05 seção 7; P07 seção 3 |
| DH8 Aplicações com ícone, marcas em logos, atalhos por aro, hierarquia aro → perfil → medida | Menu (2.3); P01 seções 4 e 8; P03 seção 7; P04 |
| DH9 Múltiplas entradas, filtros técnicos, comparador, foco no toque | P03 seções 3 e 4; P06; C9; N6 |
| DH10 Busca como primeira ação; Home curta; faixa de benefícios curta | P01 (ordem 2 e 3); decisões da Home |
| DH11 Todo estado vazio ou de falha tem saída | C10; N5; P02 seção 7; P03 seção 9; P07 seção 8; P08 seção 7; P28 |
| DH12 FAQ na PDP; Prazo e Como Comprar; WhatsApp; lojas físicas em destaque | P05 seção 14; P19; P20; P15; P16; Rodapé |
8.2 Implicações de UX por persona (05 §4)
| Persona | Implicações atendidas | Onde |
|---|
| Rafael — O Motorista com Urgência | U-R1 (veículo no celular), U-R2 (mobile), U-R3 (data e CEP), U-R4 (contexto), U-R5 (legitimidade), U-R6 (preço resumido) | P02; C3; C4; C7; C2; N6 |
| Marcos — O Comprador Comparador | U-M1 (camadas), U-M2 (filtros e comparação), U-M3 (avaliações), U-M4 (regras claras), U-M5 (price match), U-M6 (conteúdo) | P05; P03; P06; C2; P05 seção 8; P27 |
| Ana — A Compradora Cautelosa | U-A1 (lojas), U-A2 (oficina), U-A3 (pós-compra), U-A4 (políticas), U-A5 (WhatsApp), U-A6 (ajuda) | P15, P16; P17; P12, P13; P20 a P23; CTA6; P02 seção 5 |
| Sérgio — O Especialista de Nicho | U-S1 (aplicações), U-S2 (medidas incomuns), U-S3 (estoque), U-S4 (frete), U-S5 (especificação), U-S6 (WhatsApp) | P01 seção 4; P03 (entrada Aplicação); P05 seção 6; C3; C1 |
9. Lacunas e Suposições
| # | Lacuna | Impacto na arquitetura | Suposição adotada | Validar com | Origem |
|---|
| LA01 | Escopo dos templates transacionais (Carrinho, Checkout, Confirmação, Minha Conta): o briefing fala em "templates de frontend" integrados ao ASP.NET (§8), sem dizer quais telas a N1 desenha. Também não se sabe se o pagamento por cartão, Pix ou boleto redireciona para o gateway. | Define se P07 a P14 viram wireframe e template. | A N1 desenha a estrutura de Carrinho, Checkout, Confirmação e Meus Pedidos. O gateway é tratado como parte da etapa Pagamento. Se houver redirecionamento, o wireframe mostra a etapa como a mesma tela, com a nota. | Leandro Christen, Marcelino Pinheiro | briefing §8; L02, L03 |
| LA02 | Estrutura de URLs e indexação ainda não alinhadas com a liveSEO (L14). | A árvore de UX não pode virar mapa de URLs sem validação. | Toda URL atual é preservada (U1). A política de indexação da U3 é uma proposta. | liveSEO; Fabricio Bandil Wavruk | L14; RC8 |
| LA03a | Página própria por loja — RESOLVIDA 30/09/2026. | — | Obrigatório: cada uma das 5 lojas tem página e texto próprios. Sócio e administração independentes, com horários, serviços e produtos diferentes. | — | [Cliente] call 30/09; S4 |
| LA03b | Retirada em loja, balcão e atendimento presencial continuam não confirmados. O cliente decidiu sobre páginas, não sobre retirada. | Define se existe CTA de retirada e se vira opção de entrega no carrinho e no checkout. | Sem retirada e sem venda no balcão na arquitetura; as lojas são prova de existência. | Cristofer William | L12; LP5 |
| LA04 | Cobertura das oficinas conveniadas e regras de exibição dos valores. | Define os estados de P17 e do Bloco de Entrega. | Cobertura parcial; a opção só aparece depois do CEP (como hoje). | Cristofer William | L16 |
| LA05 | Regras do price match (critérios de seleção, como o usuário envia o preço, validação, prazo). | Escopo reduzido: define apenas o bloco C8 da página de Produto. Não define mais nenhuma página, depois que P24 foi aposentada. | Recurso por produto, ativado pela TireShop, em ~15 itens. Os passos e prazos ficam como "[a definir]" no wireframe. | Cristofer William, Leandro Christen | L11; S8 |
| LA06 | Abrangência da tabela de desconto progressivo (todo o catálogo?). | Define como C2 aparece nas listagens. | A tabela vale para todos os produtos pagos com cartão das bandeiras citadas. | Cristofer William | L17 |
| LA07 | Disponibilidade de Nota Fiscal e Termo de Garantia em PDF no ERP. | Define P12 e P13. | Os PDFs serão gerados. Enquanto não existirem para um pedido, o botão mostra "em preparação". | Marcelino Pinheiro | L05; F06 |
| LA08 | Blog ou conteúdo técnico atual não informado — RESOLVIDA 30/09/2026. | — | O blog existe e fica no mesmo domínio. P27 sai de "adiada" e vira quatro páginas-modelo (P27, P29, P30, P31). A seção Blog da Home deixa de ser suprimível. | — | [Cliente] call 30/09 (Mariella, liveSEO); S10 |
| LA15 | Inventário do blog: quantos artigos existem, quais categorias, quem são os autores e se já há página de autor. | Sem isso, as quatro telas de blog saem inteiramente com [a definir] e o cliente não tem o que validar. | Desenhamos a estrutura com conteúdo de exemplo. As URLs atuais do blog entram na lista de preservação da liveSEO. | Cristofer William, liveSEO | S10; LA08 |
| LA17 | Texto institucional e texto de SEO da Home não estão no repositório. O cliente informou que as versões no ar servem e provavelmente foram escritas pela liveSEO. | Dois campos novos ficam com [a definir]. | Estrutura desenhada; texto a buscar no site atual e validar com a liveSEO. | Cristofer William, liveSEO | [Cliente] call 30/09; S11 |
| LA16 | Conteúdo por loja: serviços, mix de produtos, horário e texto próprio de cada uma das 5 unidades. | Sem isso, as 5 instâncias de P16 saem idênticas — exatamente o que o cliente não quer. | Estrutura desenhada com [a definir] por unidade. | Cristofer William, com os sócios de cada unidade | S4; LA03a |
| LA09 | Cadastro e login: não se sabe se o site atual exige cadastro antes do checkout ou aceita compra como visitante. | Define a etapa Identificação (P08). | Etapa Identificação com login ou cadastro de pessoa física (conforme DH2). Compra sem cadastro fica como decisão do cliente. | Cristofer William, Leandro Christen | DH2; S1 |
| LA10 | Subnotas de avaliação e dados estruturados de INMETRO por produto (rolamento, molhado, ruído) na base atual. | Definem os filtros de INMETRO em P03 e a comparação em P06. | Os atributos de INMETRO existem por produto (o cliente informou "classificação do INMETRO" na PDP, F09). Subnotas dependem da Trustvox. | Marcelino Pinheiro, Leandro Christen | F09, F10; BP3 |
| LA11 | Nome definitivo das 7 aplicações (levantadas só pela N1). | Define o menu e P03. | Nomes de trabalho: Carros, SUV e Pick-up, Competição, Vans, Agrícola, Caminhões, UTV e OTR. | Cristofer William | L18; briefing §7 |
| LA12 | Textos legais e de política (troca, devolução, garantia, privacidade, CNPJ, telefone, horário de atendimento) não informados. | P22, P23, P25, P26 e o rodapé têm conteúdo placeholder. | A arquitetura define onde cada texto mora; o cliente fornece o conteúdo. | Cristofer William | L09 |
| LA13 | Canal do "Avise-me" (e-mail, WhatsApp ou ambos). | Define o formulário no estado Sem Estoque. | E-mail, como hoje [inferência]. | Leandro Christen | F11 |
| LA14 | Referências de concorrentes sem leitura direta (pneustore, acheipneus, americastire) e mobile não verificado. | Padrões sinalizados como [Indireta] podem mudar. | Tratados como direção, não como especificação. Validar em navegador e em dispositivo real antes da Fase 08. | N1 | LB1, LB3, LB5; A1, A2 |
10. Lista de wireframes a gerar
Esta lista define os arquivos de portal/wireframes/. A Fase 08 gera 13 wireframes, com o celular como visão principal e o desktop como expansão. Cada wireframe usa a estrutura da Seção 7 (a Home usa também discovery/07-home.md).
10.1 Wireframes a gerar
| # | Arquivo | Página do sitemap | O que representa | Por que é wireframe |
|---|
| 1 | home.html | Home (P01) | 14 seções macro, busca na primeira dobra, Lojas Físicas em destaque no desktop, texto de apoio (SEO) e FAQ acima do rodapé | Página de maior peso (prioridade Alta); ON7; DH10; S11 |
| 2 | buscar-pneu.html | Buscar Pneu (P02) | Seletor Veículo, Medida e Aro em tela cheia (mobile) e painel (desktop), com ajuda e estado sem resultado | Ponto crítico de UX do briefing (F01, F02); DH7; mobile é a maior dor |
| 3 | listagem.html | Listagem de Pneus (P03) | Exemplo Pneus por Medida, com filtros técnicos, contexto, comparador e estado sem resultado; nota das variações por entrada | Estrutura de filtros é dor do briefing (§3); DH9; RC8 |
| 4 | produto.html | Produto (P05), estado Em Estoque e Produto com Garantia de Preço | 16 seções, incluindo 360°, INMETRO, veículos compatíveis, avaliações, faixa de confiança e Garantia de Preço — o único lugar do site onde a garantia aparece (S8) | Página mais importante; DH1; U-M1 |
| 5 | produto-sem-estoque.html | Produto (P05), estado Sem Estoque | Previsão de chegada, Avise-me, preço e frete mantidos, alternativas | DH1, DH11; F11, F12; nenhum concorrente lido resolve (A4) |
| 6 | carrinho.html | Carrinho (P07) | Itens com medida completa, entrega por CEP com data, oficina conveniada, resumo de valores; estado carrinho vazio | Clareza de valor "do início ao fim" (briefing §3); DH2; RC16 |
| 7 | checkout.html | Checkout (P08) + Confirmação do Pedido (P09) | Cabeçalho reduzido, barra de etapas, Identificação, Entrega (incl. oficina), Pagamento com desconto progressivo, resumo sempre visível, estados de erro, e a tela de confirmação | Decisão S6 e LA01 |
| 8 | meus-pedidos.html | Meus Pedidos (P12) + Detalhe do Pedido (P13) | Lista com status, rastreio, Nota Fiscal e Termo de Garantia em PDF (estados disponível e em preparação) | F05, F06; Ana; OP6 |
| 9 | lojas.html | Lojas Físicas (P15) | Lista das 5 lojas, mapa, texto honesto | ON7; DF1; Ana |
| 10 | loja.html | Loja (P16), exemplo de uma unidade | Endereço, horário próprio, administração da unidade, serviços e produtos desta loja, mapa, fotos, texto próprio, outras lojas | ON7; F15; SEO local; S4 (cada loja tem sócio e gestão independentes) |
| 11 | entrega-oficina.html | Entrega em Oficina Conveniada (P17) | Consulta por CEP, resultados, estados com e sem oficina, passos | DF4; F13; Ana |
| 12 | institucional.html | Institucional (P18) | História, números, lojas, reputação, dados da empresa | Confiança; OU5; IN5 |
| 13 | politica.html | Modelo de página de política, com o conteúdo de Trocas e Devoluções (P22) como exemplo | Em resumo, 3 passos, condições, FAQ, páginas relacionadas; serve de modelo para P20, P21 e P23 | BP10; U-A4; um modelo cobre 4 páginas (P20 a P23) |
| 14 | blog.html | Blog — Home (P27) | Artigo em destaque, categorias, recentes, mais lidos, autores | S10; o blog existe hoje (LA08 resolvida); AD11 |
| 15 | blog-categoria.html | Blog — Categoria (P29) | H1 da categoria, texto introdutório, grade de artigos, paginação, estado vazio | S10; página de entrada orgânica; AD8 |
| 16 | blog-artigo.html | Blog — Artigo (P30) | Autor e data, índice por âncoras, corpo, caixa do autor, pneus e artigos relacionados | S10; liga conteúdo a produto; U-M6 |
| 17 | blog-autor.html | Blog — Autor (P31) | Perfil, credencial e artigos do autor | S10; U-M3 (Marcos avalia a fonte) |
10.2 Páginas que não viram wireframe (e por quê)
| Página | Decisão | Motivo | Origem |
|---|
| Marcas (P04) | Sem wireframe próprio | Grade simples de 17 marcas; a mesma grade aparece na seção Marcas da Home e no menu. Estrutura já definida na Seção 7. | DH6; evitar retrabalho |
| Comparar Pneus (P06) | Adiada para a segunda rodada | A bandeja do comparador (C9) aparece em listagem.html; a página completa depende de LA10 (atributos de INMETRO por produto). Definida na Seção 7 para não bloquear o TI. | LA10; S9 |
| Entrar ou Cadastrar (P10) e Minha Conta (P11) | Sem wireframe próprio | Formulários padrão; o cadastro e o login estão representados na etapa Identificação de checkout.html, e o painel se reduz a atalhos para Meus Pedidos. | LA01; LA09 |
| Meus Dados e Endereços (P14) | Sem wireframe | Formulários padrão de baixa prioridade; estrutura na Seção 7. | Prioridade Baixa |
| Frete e Prazo (P20), Pagamento e Parcelamento (P21), Garantia (P23) | Cobertas por politica.html (modelo) | Mesmo modelo de página; o conteúdo de cada uma está na Seção 7. O wireframe usa Trocas e Devoluções (P22) como exemplo. | DH6; LA12 |
| Central de Ajuda (P19) | Sem wireframe | Lista de temas e FAQ (acordeão); usa componentes já representados em produto.html e politica.html. | DH12 |
| Fale Conosco (P25), Privacidade e Termos (P26) | Sem wireframe | Baixa prioridade; conteúdo dependente do cliente (LA12). | LA12 |
| Página não encontrada (P28) | Sem wireframe | Componente C10 já representado em buscar-pneu.html, listagem.html e carrinho.html. | DH11 |
| Ofertas / Black Friday | Fora do sitemap | O briefing não pede; go-live após a Black Friday (S7). | briefing §1 |
| Serviços, agendamento, área B2B | Fora de escopo | Declarado pelo cliente (briefing §2). | S1, S2 |
10.3 Observações para a Fase 08
- Cada wireframe deve exibir, no celular, o primeiro nível de informação (medida, preço à vista, data de chegada), e deixar as tabelas completas (parcelamento, ficha técnica) sob demanda.
- Usar nomes canônicos de páginas, seções e componentes desta arquitetura (Seções 1, 6 e 7).
- Dados que o cliente ainda não forneceu (CNPJ, telefone, textos de política, regras do price match, fotos das lojas) entram como placeholders textuais claros, como "[a definir]".
- Os padrões vindos de pneustore, acheipneus e americastire são direção [Indireta] e não devem ser reproduzidos como se estivessem verificados (LA14).
- Antes do go-live: alinhar a estrutura de URLs e a política de indexação com a liveSEO (Seção 1.3, LA02). A arquitetura não é liberada para o TI sem esse alinhamento.
Este documento vira ação assim: o sitemap e a Estrutura das Páginas (§1, §7) dizem ao TI o que construir e ao design onde cada mensagem comercial mora, sem inventar lugares novos.
- Insight: o sitemap não tem página de Ofertas ou Black Friday (§1.2 S7), a Home não usa carrossel nem pop-up (§7 P01, decisões da Home; §2.1 N3) e cada Card de Produto é o mesmo em todo o site (§6 C1). Ou seja, campanha entra em lugares que já existem.
- Como aplicar no layout:
- Home: a seção Benefícios (faixa curta) e uma faixa de campanha estática e opcional dentro de Produtos em Destaque.
- Listagem de Pneus: a campanha aparece como selo no Card de Produto (C1) e como filtro (frete grátis), nunca como página nova. Não há selo nem filtro de Garantia de Preço — com ~15 itens num catálogo de 2.300, seria desproporcional (S8). Um banner de topo ali é decisão a tomar (ver Próximo passo).
- Produto: dentro do Bloco de Compra (C2) e do Bloco de Entrega (C3).
- Carrinho: no Resumo de valores e em Produtos que podem interessar (opcional).
- SEO: o banner é conteúdo do template, não uma URL. Promoção não muda URL, título nem indexação de Pneus por Medida, Marca e Produto (§1.3 U3). Se um dia existir página de campanha, entra como candidata e a indexação é validada com a liveSEO (§1.3, LA02).
- Quem usa / quando: design define o espaço fixo de campanha na Fase 07/08; TI implementa como campo do template (texto, link, período); marketing e liveSEO validam antes do go-live.
2. Preço à vista × parcelamento progressivo
- Insight: o valor final é uma das duas maiores dores (§4.1; RC16). O componente C2 Bloco de Preço mostra à vista (5% de desconto) e "até 12x sem juros", com a tabela progressiva só sob demanda (§6 C2; LA06).
- Como aplicar no layout:
- Card de Produto: preço à vista + parcelamento resumido.
- Produto: preço à vista e "Ver todas as condições" no Bloco de Compra; a barra fixa do celular repete só o preço à vista.
- Carrinho: Resumo de valores com total à vista e parcelamento resumido.
- Checkout: a tabela completa fica na etapa Pagamento, com o valor final de cada parcela.
- Home: a faixa Benefícios cita o desconto, sem reproduzir a tabela.
- Pagamento e Parcelamento (P21): é a única página com a tabela inteira.
- Quem usa / quando: design usa o mesmo C2 em todas as telas; TI liga o C2 à regra de desconto do ERP; cliente confirma se a regra vale para todo o catálogo (LA06).
3. Frete grátis por regra e previsão de chegada
- Insight: o prazo é sempre uma data, e o frete grátis tem três regras que variam por produto, sem asterisco oculto (§6 C3; §3 FL6; DH1 a DH3).
- Como aplicar no layout:
- Card de Produto: selo de frete grátis só quando o produto tem a regra.
- Produto e Carrinho: o Bloco de Entrega (C3) traz CEP, data de chegada e a regra em linguagem clara; no Carrinho pode mostrar quanto falta para a regra [inferência do documento, §7 P07].
- Produto Sem Estoque: a "Previsão de chegada" (quando cadastrada) e o Avise-me substituem o botão de compra, com preço e regra de frete mantidos (§7 P05 seção 6).
- Frete e Prazo de Entrega (P20): explica as três regras.
- SEO: frete e devolução alimentam os dados estruturados de oferta (§1.3 U5); produto sem estoque segue indexado (§1.3 U6).
- Quem usa / quando: TI expõe a regra de frete grátis e a previsão como atributos do produto; design reserva o espaço do selo e da data; cliente informa qual regra vale para cada produto.
4. Destaque das lojas físicas
- Insight: as lojas são diferencial e pedido do cliente, e Rafael e Ana precisam verificar a legitimidade antes de decidir (§4.3; S4; ON7).
- Como aplicar no layout:
- Home: seção Lojas Físicas antes de Produtos em Destaque; no desktop com lista e mapa, no celular versão compacta.
- Produto e Carrinho: Faixa de Confiança (C7) junto do preço.
- Rodapé e cabeçalho: coluna Nossas Lojas e item Lojas no menu.
- Loja (P16): aproveita as URLs atuais
/Lojas/{Cidade}/ com dados de negócio local (§1.3 U1, U5). - Texto: sem prometer retirada ou serviço enquanto o cliente não confirmar (LA03).
- Quem usa / quando: design dá às lojas o destaque pedido sem inflar a Home com banners; TI reaproveita as URLs e marcações; cliente fornece fotos reais e horários.
5. Garantia de Preço
- Insight: o price match vale só para cerca de 15 produtos selecionados num catálogo de 2.300, e o cliente determinou que a informação não pode aparecer em nenhum outro lugar do site (§1.2 S8; §6 C8). O raciocínio dele: mencionar o recurso de forma ampla faz os outros 2.285 itens gerarem a dúvida "será que consigo desconto aqui também?" — isso é atrito, não conversão.
- Como aplicar no layout:
- Produto elegível: a seção 8 (C8) aparece por atributo do produto, perto do preço, com o "como funciona" e as condições dentro do próprio bloco. Não há página externa.
- Em nenhum outro lugar: sem item na faixa de Benefícios, sem item em Compre com Segurança, sem link no rodapé, sem menção no Institucional, sem selo nem filtro na Listagem.
- A página P24 foi aposentada e o código não será reaproveitado.
- Quem usa / quando: TI cria o atributo "com Garantia de Preço" no cadastro; design mantém o C8 idêntico onde aparecer; cliente define critérios, prazo e canal de envio do preço (LA05).
Próximo passo
- Cliente: decidir se quer faixa de campanha estática na Home e banner de topo na Listagem de Pneus, e confirmar as lacunas LA05 (regras do price match), LA06 (abrangência do parcelamento), LA15 (inventário do blog) e LA16 (conteúdo por loja).
- liveSEO e TI: validar URLs, indexação e o mapeamento antigo → novo (§1.3 U1 a U3) antes de implementar campos de campanha nos templates.
- Design e TI: levar à Fase 07/08 os espaços fixos de campanha, selo e atributos de produto (frete grátis, Garantia de Preço — só na PDP, previsão de chegada) como campos do template.