Portal de Documentação
TireShop — Redesign do e-commerce
Como navegar neste portal
Este é o portal de documentação do Discovery do redesign do e-commerce da TireShop. Ele reúne, em um único lugar, tudo o que foi levantado, analisado e decidido antes do Design: a leitura do briefing, o research de mercado, o benchmark de concorrentes, a avaliação heurística, as proto-personas, a arquitetura da informação, a estrutura da Home e os wireframes navegáveis.
Use o menu lateral para percorrer as fases na ordem (01 a 08) ou os cards abaixo para ir direto ao que interessa. Dentro de cada página, o sumário à direita lista as seções, e as setas no rodapé levam à fase anterior e à próxima. Cada documento termina com a seção “Como usar essas informações?”, que traduz o conteúdo em aplicação prática no layout. O portal funciona offline — basta abrir os arquivos.
Fases do Discovery
As oito fases numeradas formam a trilha principal, cada uma consumindo as anteriores. O complemento 07b é um artefato de apoio ligado à Fase 07.
Fase 01
Análise do Briefing
Leitura estruturada do briefing do cliente: objetivos de negócio e de usuário, funcionalidades, diferenciais, problemas e as lacunas que ainda precisam de resposta.
Fase 02
Research de Mercado
Panorama do e-commerce de pneus B2C no Brasil: tendências, padrões do setor, boas práticas e oportunidades aplicáveis à TireShop.
Fase 03
Benchmark de Concorrentes
Dissecação página a página de 5 concorrentes (pneufree, pneubest, pneustore, acheipneus, americastire), com o nível de evidência de cada leitura.
Fase 04
Avaliação Heurística (Nielsen)
As 10 heurísticas de Nielsen aplicadas aos concorrentes, com notas, ranking em dois blocos de confiança e 12 diretrizes Hn → ação.
Fase 05
Proto-Personas
Quatro proto-personas B2C — Rafael, Marcos, Ana e Sérgio — com implicações de UX derivadas do briefing, da research e do benchmark.
Fase 06
Arquitetura da Informação
Sitemap com 30 páginas-modelo (P01–P28), navegação, fluxos principais e a estrutura de cada página, sem decisão estética.
Fase 07
Estrutura da Home
A Home (P01) detalhada seção a seção — 12 seções na ordem da arquitetura — com peso, conteúdo e comportamento no celular e no desktop.
Fase 08
Wireframes HTML
Spec e índice dos 17 wireframes monocromáticos navegáveis, de média/alta fidelidade, com o celular como visão principal.
Complemento 07b
Mapa de Origem das Seções (Home)
De onde vem cada seção da Home: padrão de Benchmark, indicação nossa ou pedido do Briefing — com a justificativa de cada escolha.
17 wireframes navegáveis
Protótipo estrutural em HTML
A Fase 08 entregou 17 wireframes monocromáticos de média/alta fidelidade, em HTML puro, com o celular como visão principal e uma barra de navegação que liga um ao outro. Eles não têm cor de marca, imagens ou logotipos reais: mostram estrutura, hierarquia e conteúdo.
Principais decisões
Cada decisão tomada no Discovery aponta para a sua origem — a seção do briefing ou o artefato da fase anterior que a sustenta. Esta é a trilha de rastreabilidade completa registrada no projeto.
| Decisão | Origem |
|---|---|
| Público exclusivamente B2C (pessoa física); B2B/frotistas fora de escopo | briefing §2, §4 |
| Mobile como prioridade de experiência (maior parte do tráfego e maior dor atual) | briefing §3, §4, §10 |
| Preservar e acelerar SEO existente (projeto liveSEO) — URLs e dados estruturados | briefing §8, §10 |
| Entrega N1 = templates HTML/CSS/JS integrados ao ASP.NET pelo TI interno; menção a Nuxt.js registrada como lacuna | briefing §8 |
| Go-live somente após a Black Friday | briefing §1 |
| Concorrentes diretos (7) e indiretos (marketplaces + auto centers) nomeados pelos domínios para as fases seguintes | briefing §5 |
| Oportunidade central: apoiar a escolha entre pneus compatíveis (comparação/decisão), não só o fitment | research §5 |
| Prazo comunicado como data de entrega ('chega até [data]') já na PDP | research §4, §5 |
| Lojas físicas como prova de legitimidade para combater medo de golpe; ligadas à conversão | research §6 |
| Parcelamento com descontos progressivos: interface destaca menor preço e menor parcela, detalhe sob demanda | research §6, §7 |
| SEO de aceleração: políticas de frete/devolução estruturadas, schema modelo×medida e controle de facetas indexáveis (alinhar com liveSEO) | research §4, §7 |
| Benchmark: leitura direta só de pneufree e pneubest; pneustore, acheipneus e americastire mapeados por fontes indiretas (403/vazio) — captura manual recomendada antes das fases 06 e 07 | benchmark §1.2, §7.6 |
| Padrão de mercado: busca por medida/aro, 'Pix -X% + 6x/12x' no card, PDP com INMETRO e veículos compatíveis, 'Avise-me'; só pneufree tem busca por veículo na Home | benchmark §7.1 |
| Desconto progressivo por parcela e previsão de chegada com data: nenhum concorrente lido faz, mas a TireShop JÁ FAZ — são diferenciais existentes a preservar e destacar, não oportunidades a criar | benchmark §7.2; [Cliente] call 30/09/2026 |
| Evitar: hero em carrossel antes da busca, prazo só em 'dias úteis', listagens dependentes de JavaScript | benchmark §7.4 |
| Ranking heurístico em dois blocos de confiança: lidos diretamente (pneufree 37/50, pneubest 33/50) e estimativas por evidência indireta (acheipneus ~36, americastire ~36, pneustore ~31) | heuristicas §7 |
| H1: preço, parcelamento, frete por CEP e previsão de chegada com data sempre visíveis na PDP, mesmo sem estoque | heuristicas §8.1 |
| H5/H6: busca única por medida e veículo, com veículos compatíveis e confirmação da medida em toda a jornada | heuristicas §8.1 |
| H8/H3 mobile: Home curta com busca como primeira ação, sem carrossel de marcas antes dela e sem sobreposições que interrompam a navegação | heuristicas §8.1 |
| 12 diretrizes Hn→ação consolidadas; mobile e checkout não verificados nos concorrentes (limite da avaliação) | heuristicas §8 |
| 4 proto-personas B2C: Rafael 'O Motorista com Urgência', Marcos 'O Comprador Comparador', Ana 'A Compradora Cautelosa', Sérgio 'O Especialista de Nicho' | personas §2; briefing §4; research |
| Busca por veículo como ação mais acessível no mobile; prazo como data e frete por CEP já na PDP | persona Rafael; personas §4.1 |
| PDP em camadas de decisão (INMETRO, avaliações, filtros por especificação, price match com regra visível) | persona Marcos; personas §4.2 |
| Lojas físicas em destaque como prova de existência; oficina conveniada explicada; nota fiscal e garantia em PDF no pós-compra | persona Ana; personas §4.3 |
| Entradas por aplicação e busca por medidas incomuns para nichos (agrícola/UTV/competição/OTR); persona de maior incerteza, validar peso real com analytics | persona Sérgio; personas §4.4, §5 |
| Sitemap com 30 páginas-modelo (P01–P28); Listagem de Pneus como template com 5 entradas (7 aplicações, 17 marcas, medida, veículo, texto); Loja como template para as 5 unidades | arquitetura §1; briefing §2, §6 |
| Busca por veículo e por medida com o mesmo peso; veículo/medida e CEP persistentes entre páginas; Home sem carrossel nem pop-up; Lojas Físicas antes dos produtos em destaque | arquitetura §2; heuristicas DH; persona Rafael/Ana |
| Produto com estado Sem Estoque mantendo preço, frete, previsão de chegada e Avise-me; Garantia de Preço só na página do produto elegível, sem nenhuma outra menção no site | arquitetura §7; briefing §3; heuristicas H1 |
| Transacionais (Carrinho, Checkout, Meus Pedidos com NF/Termo em PDF, Minha Conta) entram no sitemap; N1 desenha estrutura dos templates (suposição LA01) | arquitetura §9 LA01; briefing §8 |
| URLs atuais preservadas e estrutura de URLs alinhada com a liveSEO antes do go-live (LA02) | arquitetura §1.3; briefing §8, §10 |
| 17 wireframes na fase 08; adiadas: Comparar Pneus (LA10) e Guia do Pneu (LA08) | arquitetura §10 |
| Home com 12 seções na ordem da arquitetura: Cabeçalho, Busca de Pneus, Benefícios, Aplicações, Lojas Físicas, Produtos em Destaque, Entrega em Oficina Conveniada, Marcas, Avaliações e Reputação, Compre com Segurança, Guia do Pneu, Rodapé | home §2; arquitetura P01 |
| Seletor de busca: Veículo e Medida lado a lado no desktop; dois botões iguais que abrem Buscar Pneu em tela cheia no mobile | home §2.2; persona Rafael; arquitetura P02 |
| Elementos globais: WhatsApp flutuante e aviso de cookies; sem Newsletter pop-up (newsletter só no Rodapé) nem barra de compra fixa | 07b §2; arquitetura N3; briefing §3 |
| Conteúdos pendentes do cliente como [a definir] (PH1–PH11): CNPJ, telefone, endereços/horários/fotos das lojas, Trustvox, cobertura de oficinas, títulos de artigos | home §3 |
| NF/Termo de Garantia em PDF e price match na Home condicionados à confirmação do cliente | home §3; briefing §3 |
| 17 wireframes monocromáticos de alta fidelidade, mobile como visão principal, com layout responsivo e toolbar de navegação entre eles | 08-wireframes §1; arquitetura §10 |
| Dados sem fonte do cliente (preços, modelos, CNPJ, telefones, endereços, Trustvox) como placeholders [a definir]/R$ 000,00; checkout com cabeçalho e rodapé reduzidos | 08-wireframes §3; arquitetura §2.4, §10.3 |
| Seção final 'Como usar essas informações?' adicionada aos documentos 01–08 e ao complemento 07b (aplicação prática no layout: promoções, parcelamento, frete, lojas, Garantia de Preço); acréscimo sem alterar conteúdo, portanto sem marcar fases seguintes como desatualizadas | solicitação do usuário 2026-09-30; specs/steering/structure.md |
| Empresa opera desde 2001; o e-commerce próprio é de 2008/2009 | [Cliente] call 30/09/2026 |
| Filtros atuais são ponto forte a preservar (DF10), não um problema | [Cliente] call 30/09/2026 |
| Página e texto próprios para cada uma das 5 lojas: sócios e administrações independentes | [Cliente] call 30/09/2026; arquitetura S4 |
| Blog existe no mesmo domínio; 4 páginas-modelo (P27, P29, P30, P31) e 4 wireframes | [Cliente] call 30/09/2026; arquitetura S10 |
| Home com 14 seções: Texto de apoio (SEO) e Perguntas Frequentes acima do rodapé | [Cliente] call 30/09/2026; home H-8; arquitetura S11 |
| tireshop.com.br avaliado nas 10 heurísticas: 34/50 (2º do bloco de leitura direta); projeção pós-redesign de 47/50 | heuristicas §6.5, §7.3 |
| Sitemap: 30 páginas-modelo ativas, 31 códigos emitidos, P24 aposentada | arquitetura §1.1 |
Próximas fases
O Discovery está concluído. As etapas abaixo ainda não foram iniciadas e serão publicadas neste mesmo portal quando entregues.
Pendente
Design
Interface visual, identidade aplicada e biblioteca de componentes.
Pendente
Protótipos
Fluxos navegáveis de alta fidelidade para validação com o cliente.
Pendente
Assets
Entrega dos templates HTML/CSS/JS para integração pelo TI interno.