Arquitetura da Informação
Define o mapa completo do e-commerce Shopify da Casacha: sitemap (nomes canônicos, reusados verbatim pelas Fases 07/08), navegação, fluxos, hierarquia, CTAs globais e a estrutura de cada página. Toda decisão cita a origem: persona (05), benchmark (03), heurística (04 · Hn), research (02) ou briefing (01 §X). Sem decisão estética (Princípio 5).
Convenção de nomes canônicos
Definidos uma única vez aqui e reusados verbatim pelas Fases 07/08. Slugs em minúsculas e sem acento.
| Nome canônico da página | Slug de URL (referência) | Tipo de template |
|---|---|---|
| Home | / | Home |
| Categoria | /aventais, /utensilios-inox, … | PLP (listagem) |
| Produto | /produtos/<slug> | PDP |
| Personalize seu Avental | /personalize | Configurador |
| Vitrine por Perfil | /perfil/<chef|confeiteiro|barista> | Landing |
| Resultados de Busca | /busca | PLP (busca) |
| Carrinho | /carrinho | Carrinho |
| Checkout | /checkout | Checkout |
| Minha Conta | /conta | Área logada |
| Meus Pedidos | /conta/pedidos | Área logada |
| Institucional | /sobre | Conteúdo |
| Blog | /blog | Listagem editorial |
| Artigo do Blog | /blog/<slug> | Post |
| Central de Ajuda | /ajuda | FAQ |
| Guia de Tamanhos | /guia-de-tamanhos | Conteúdo/ferramenta |
| Contato | /contato | Formulário |
| Políticas | /politicas/<slug> | Conteúdo legal |
| Entrar / Criar Conta | /login | Autenticação |
| Página não encontrada | /404 | Erro |
1. Sitemap
Casacha (Home)
│
├── Aventais [Categoria/PLP]
│ ├── Avental de Cintura
│ ├── Avental de Peito / Corpo Inteiro
│ ├── Avental de Garçom
│ ├── Avental de Confeitaria / Chef
│ └── (faceta transversal: cor, tamanho, gênero)
│
├── Utensílios em Inox [Categoria/PLP]
│ ├── Talheres
│ ├── Itens para Servir / Finger Food
│ ├── Sousplat
│ └── Mesa Posta
│
├── Kits e Combos [Categoria/PLP]
├── Personalize seu Avental [Configurador — página âncora]
│
├── Vitrine por Perfil [Landings de aquisição/SEO]
│ ├── Para Chef de Cozinha / Restaurante
│ ├── Para Confeiteiro(a)
│ └── Para Barista / Bartender
│
├── Ofertas [Categoria/PLP filtrada]
├── Produto [PDP — instância por item, ~2.000]
├── Resultados de Busca [PLP de busca]
├── Carrinho → Checkout [Fluxo transacional]
│
├── Minha Conta [Área do cliente]
│ ├── Meus Pedidos → Comprar de Novo (recompra)
│ ├── Dados Cadastrais / Endereços
│ └── Lista de Desejos
│
├── Conteúdo & Confiança
│ ├── Institucional (Sobre a Casacha)
│ ├── Blog → Artigo do Blog
│ ├── Central de Ajuda (FAQ)
│ ├── Guia de Tamanhos
│ └── Contato
│
├── Políticas [rodapé]
│ ├── Frete e Entrega
│ ├── Trocas e Devoluções
│ ├── Formas de Pagamento
│ ├── Privacidade
│ └── Termos de Uso
│
├── Entrar / Criar Conta
└── Página não encontrada (404)Origem das decisões de sitemap
- 10 categorias / ~2.000 itens nas duas linhas — aventais e utensílios em inox (
01 §5.4, §2.2). Subcategorias na língua do profissional (04 · H2;03). - Kits e Combos como categoria própria (
01 §5.4;03: Demorgan). - Personalize seu Avental promovido a página âncora — diferencial não comoditizável (
01 §6;05Camila; ref. Nike By You). - Vitrine por Perfil (landings) como hub de SEO/aquisição (
01 §4.2;02 §5.5;03). - Ofertas como PLP filtrada (
03). - Minha Conta → Meus Pedidos → Comprar de Novo: reposição da persona Sandra (
05;02 §3/§4), inexistente em todos os concorrentes. - Central de Ajuda, Blog, Guia de Tamanhos: exigências do briefing (
01 §4.1, §4.2) e camada de confiança (04 · H10). - Políticas separadas com Frete/Pagamento visíveis: prevenção de erro (
04 · H5).
2. Navegação
2.1. Barra de benefícios (sempre visível)
Faixa fixa no topo, em todas as páginas: "Frete grátis acima de R$ 199", "3% de desconto no PIX", "4x sem juros no cartão", "Despacho rápido / retirada em Maringá". Origem: regras comerciais (01 §5.2); 5/6 do benchmark; 04 · H1.
2.2. Menu principal (por linha de produto)
| Item | Submenu / comportamento |
|---|---|
| Aventais | megamenu: por tipo (Cintura, Peito/Corpo Inteiro, Garçom, Confeitaria) + por cor + por gênero |
| Utensílios em Inox | megamenu: Talheres, Servir/Finger Food, Sousplat, Mesa Posta |
| Kits e Combos | link direto para a PLP de kits |
| Personalize seu Avental | item de destaque → abre o Configurador |
| Por Perfil | Chef de Cozinha, Confeiteiro, Barista/Bartender (landings) |
| Ofertas | PLP filtrada por promoção/atacado |
| Blog | listagem editorial |
| Ajuda | Central de Ajuda, Contato, WhatsApp |
Origem: menu por linha + atributo cor (03: Bragard; 04 · H2/H6); "Personalize" no topo (01 §6; 05 Camila); "Por Perfil" (01 §4.2). Header idêntico em Home/PLP/PDP (04 · H4).
2.3. Utilitários (header)
- Busca inteligente com autocomplete e refino por cor/modelo (
01 §4.1, §4.2). - Conta — reconhece o cliente PJ migrado (
05Sandra). - Carrinho / mini-cart flutuante com subtotal, progresso do frete grátis, frete por CEP e desconto por quantidade aplicado.
- WhatsApp — botão flutuante persistente (
05Bruno).
2.4. Footer
Colunas: Institucional (Sobre, Blog) · Ajuda (FAQ, Guia de Tamanhos, Contato, WhatsApp, rastreamento) · Políticas (Frete e Entrega, Trocas e Devoluções, Formas de Pagamento, Privacidade, Termos) · Comprar (Aventais, Utensílios em Inox, Kits, Ofertas, Personalize) · Newsletter · Selos de segurança (SSL/Google) e redes sociais.
2.5. Elementos globais não-menu
- Newsletter pop-up com incentivo (
01 §4.2;03: Dr Chef). - Chatbox/WhatsApp como rota humana de recuperação (
04 · H9).
3. Fluxos principais
3.1. Descoberta → Produto → Carrinho → Checkout
Origem: compra autosserviço (02 §1.1); checkout de visitante corrige a Wareshop (04 · H3); frete cedo (05 Bruno).
3.2. Compra por quantidade — B2B (persona Ricardo)
Atalho por faceta Atacado e por Kits e Combos. Origem: implicação mais forte da Ricardo (05); nenhum concorrente o expõe (03; 04 · H1/H7).
3.3. Reposição / recompra (persona Sandra)
Origem: reposição exigida pela Sandra (05); reorder/templates B2B (02 §3/§4/§5); ausente no benchmark (03).
3.4. Personalização de avental (persona Camila)
Origem: personalização acessível com pré-visualização (05 Camila); ref. Nike By You; restrição Bling — produto composto, não variação (01 §5.1, §6.3).
3.5. Dúvida de prazo / atendimento (persona Bruno)
Retirada em loja / regra Maringá no cálculo de frete. Origem: prazo/frete antes do checkout (05 Bruno); WhatsApp (04 · H5/H9).
4. Hierarquia (prioridade entre páginas)
| Nível | Páginas | Justificativa |
|---|---|---|
| 1 — Núcleo de conversão | Home · Categoria (PLP) · Produto (PDP) · Carrinho · Checkout | Espinha dorsal da compra; onde moram desconto por quantidade e vídeo no carrossel (04 · H1/H3/H7). |
| 2 — Diferenciação & recorrência | Personalize · Minha Conta / Meus Pedidos · Vitrine por Perfil | Ativos não comoditizáveis e de LTV que nenhum concorrente tem (05; 02 §5). |
| 3 — Confiança & aquisição | Institucional · Blog / Artigo · Central de Ajuda · Guia de Tamanhos · Resultados de Busca | Reconstroem a confiança do marketplace e alimentam SEO (02 §5/§6; 04 · H10). |
| 4 — Suporte & legal | Contato · Políticas · Entrar/Criar Conta · 404 | Necessárias, baixa frequência de acesso direto. |
Prioridade de dispositivo: toda a hierarquia é planejada mobile-first, tratando desktop como derivação (02 §2/§3; 01 §16.3).
5. CTAs globais
| CTA | Prioridade | Onde aparece | Origem |
|---|---|---|---|
| Adicionar ao carrinho / Comprar | Primário | PDP, cards de PLP, quick-view | Conversão base (03) |
| Personalizar avental | Primário | Menu, Home, PDP de aventais, Perfil | Diferencial âncora (01 §6; 05) |
| Comprar de Novo | Primário (logado) | Minha Conta, Meus Pedidos | Fluxo Sandra (05) |
| Calcular frete / prazo (CEP) | Secundário | PDP, mini-cart, Carrinho | Prazo cedo (05 Bruno) |
| Falar no WhatsApp | Secundário | Botão flutuante, card, Contato, Ajuda | Atendimento (01 §4.1) |
| Ver ofertas por quantidade / Atacado | Secundário | Home, PLP, banner de faixas | Volume (05 Ricardo) |
| Assinar newsletter | Terciário | Pop-up, footer | Captura (01 §4.2) |
| Aplicar / Limpar filtros | Utilitário | PLP, Busca | Controle (04 · H3/H6) |
6. Estrutura das Páginas
Para cada página: Objetivo · Mensagem principal · Ordem das seções · Componentes · CTA · Prioridade. A Home é listada em nível de arquitetura — o detalhe seção-a-seção é da Fase 07.
6.1. Home Alta
Objetivo: orientar cada persona ao seu caminho e comunicar confiança e condições de imediato. Mensagem: "Aventais profissionais e utensílios em inox para food service — com desconto por quantidade e personalização."
Ordem (arquitetural): 1. Barra de benefícios · 2. Header + busca · 3. Destaque/vitrine principal · 4. Grid de categorias com imagem · 5. Bloco Personalize · 6. Vitrines de produto (Mais vendidos / Ofertas / Kits) · 7. Vitrine por Perfil · 8. Prova social e selos · 9. Blog/conteúdo · 10. Newsletter · 11. Footer.
CTA: Ver categorias · Personalizar avental · Ver ofertas por quantidade.
6.2. Categoria (PLP) Alta
Objetivo: encontrar rápido o item certo na quantidade certa, com filtros assertivos. Mensagem: "Filtre por cor, tamanho e tipo — e veja o desconto por quantidade antes de comprar."
Ordem: 1. Breadcrumb · 2. Título + texto SEO · 3. Subcategorias/chips · 4. Ordenação + botão de filtros (mobile) · 5. Filtros facetados · 6. Grid de produtos · 7. Paginação · 8. Footer.
Componentes: breadcrumb, filtros facetados (cor, tamanho, gênero, tipo, marca com contagem, preço, avaliação), ordenação, card de produto (preço riscado + PIX + parcelas + selos + badge "desconto por quantidade" + avaliação + quick-add + "Dúvidas?" WhatsApp), aba Atacado, texto SEO.
6.3. Produto (PDP) Alta
Objetivo: dar todas as respostas de compra sem fricção e converter. Mensagem: "Tudo o que você precisa saber — e quanto mais leva, menos paga por peça."
Ordem: 1. Breadcrumb + H1 · 2. Galeria com vídeo no carrossel · 3. Preço + PIX/parcelas · 4. Variações simples (cor/tamanho) · 5. Quantidade + tabela de faixas + recálculo/próximo patamar · 6. Comprar · 7. Frete por CEP + prazo + retirada Maringá · 8. Personalizar + Guia de Tamanhos · 9. Sinal de estoque · 10. WhatsApp "Dúvidas?" · 11. Conteúdo em abas (descrição, specs, medidas, avaliações) · 12. Produtos relacionados · 13. Footer + selos.
Notas: vídeo no carrossel corrige o Dr Chef (04 · H3); tabela de faixas = maior diferencial (05 Ricardo); abas eliminam a rolagem infinita (04 · H8); variações simples por restrição da Bling (01 §6.3).
6.4. Personalize seu Avental (Configurador) Alta
Objetivo: montar e visualizar um avental personalizado (nome/logo), acessível em baixa quantidade. Mensagem: "Monte o seu avental com o nome ou a logo da sua marca — a partir de 1 peça."
Ordem: 1. Breadcrumb + intro · 2. Modelo base · 3. Cor · 4. Nome/logo (bordado) · 5. Tamanho (+ Guia) · 6. Pré-visualização + resumo de preço · 7. Quantidade + Adicionar · 8. Prazo/observações · 9. FAQ de personalização.
6.5. Vitrine por Perfil (Landing) Média
Objetivo: capturar tráfego orgânico segmentado e conduzir cada perfil ao seu enxoval. Mensagem: "Tudo o que o [perfil] precisa, reunido num lugar só."
Ordem: 1. Hero do perfil · 2. Texto SEO · 3. Vitrine curada · 4. Bloco de personalização · 5. Kits recomendados · 6. Prova social do segmento · 7. Conteúdo/blog relacionado · 8. CTA para categoria completa.
6.6. Resultados de Busca Média
Ordem: 1. Campo de busca com termo · 2. Contagem de resultados · 3. Filtros + ordenação · 4. Grid · 5. Sugestões/"você quis dizer" quando vazio · 6. Atalho WhatsApp quando sem resultado. Estado vazio com rota humana = recuperação de erro (04 · H9).
6.7. Carrinho Alta
Mensagem: "Adicione mais e economize — falta pouco para o frete grátis."
Ordem: 1. Lista de itens (quantidade editável, preço por faixa) · 2. Barra de progresso do frete grátis (R$ 199) · 3. Desconto por quantidade aplicado + próximo patamar · 4. Cupom · 5. Frete/prazo por CEP + Maringá · 6. Subtotal/total · 7. Sugestão de itens para atingir frete grátis · 8. Finalizar compra · 9. Selos.
6.8. Checkout Alta
Objetivo: concluir com o mínimo de fricção — sem exigir login. Mensagem: "Compre em poucos passos, com ou sem cadastro."
Ordem: 1. Identificação (e-mail; convidado ou login) · 2. Entrega (endereço/CEP, frete, retirada Maringá) · 3. Pagamento (cartão 4x sem juros, PIX -3%, boleto) · 4. Revisão + desconto por quantidade · 5. Confirmação · 6. E-mail automático. Mensagens de erro acionáveis ocupam o ponto cego H9.
Sem wireframe próprio: a loja será feita em Shopify, cujo checkout é hospedado e padronizado pela plataforma (layout não customizável). Documenta-se aqui apenas o fluxo/ordem como referência — não há página de design nem wireframe de checkout.
6.9. Minha Conta / Meus Pedidos (recompra) Média
Mensagem: "Repita seu último pedido em poucos cliques." Ordem: 1. Resumo da conta · 2. Meus Pedidos com "Comprar de Novo" · 3. Dados/endereços · 4. Lista de desejos · 5. Preferências/newsletter. Fluxo exclusivo da Sandra (05).
6.10. Institucional (Sobre) Média
Mensagem: "Especialistas em aventais e inox profissional para o food service." Ordem: 1. História/posicionamento · 2. Especialização no nicho · 3. Prova social/números · 4. Diferenciais · 5. Selos/parcerias · 6. CTA para catálogo/contato.
6.11. Blog + Artigo do Blog Adiado
Adiado "por enquanto" a pedido do cliente — sem wireframe nesta rodada; a estrutura fica registrada para retomada futura. Blog: 1. Destaque · 2. Filtro por tema/perfil · 3. Grid de posts · 4. Newsletter · 5. Footer. Artigo: 1. Breadcrumb + título · 2. Meta (data/autor) · 3. Corpo · 4. Produtos relacionados · 5. Posts relacionados · 6. CTA newsletter. Preservar URLs de posts continua bloqueante de go-live (01 §14.2; 02 §4) mesmo com o wireframe adiado.
6.12. Central de Ajuda (FAQ) Média
Ordem: 1. Busca na ajuda · 2. Categorias de dúvida (pedido, frete/entrega, pagamento, personalização, trocas) · 3. Perguntas por tema · 4. Atalho WhatsApp/Contato. Supre a lacuna H10 dos concorrentes de inox.
6.13. Guia de Tamanhos Baixa
Ordem: 1. Instruções de medição · 2. Tabela de medidas por modelo · 3. Ilustrações · 4. FAQ de caimento · 5. Link de volta à PDP/Personalização. Ref. Chico Rei (01 §4.2).
6.14. Contato Baixa
Ordem: 1. Canais (WhatsApp, e-mail, telefone, horários) · 2. Formulário · 3. Endereço/retirada Maringá · 4. Link para Central de Ajuda. WhatsApp como canal oficial (01 §5.1).
6.15. Políticas Baixa
Ordem: 1. Índice de políticas · 2. Conteúdo da política · 3. Contato para dúvidas. Frete grátis R$ 199 / PIX -3% / 4x / regra Maringá documentados (01 §5.2).
6.16. Entrar / Criar Conta e 404 (sistema) Baixa
Entrar / Criar Conta: login rápido e cadastro preciso, nunca obrigatório para comprar (04 · H3); recuperação de senha com mensagens acionáveis (04 · H9). Essencial ao fluxo Sandra. 404: recuperar o usuário que caiu em URL antiga (relevante pela 3ª migração); busca, atalhos, WhatsApp.
7. Lista de wireframes a gerar (Fase 08)
| # | Arquivo | Página canônica | Prioridade | Por que vira wireframe |
|---|---|---|---|---|
| 1 | home.html | Home | Alta | Núcleo de entrada; detalhado na Fase 07 |
| 2 | categoria.html | Categoria (PLP) | Alta | Filtros facetados + cor + desconto por quantidade |
| 3 | produto.html | Produto (PDP) | Alta | Vídeo no carrossel + faixas + CEP + abas |
| 4 | personalizacao-avental.html | Personalize seu Avental | Alta | Diferencial âncora com pré-visualização |
| 5 | carrinho.html | Carrinho | Alta | Progresso de frete grátis + desconto por volume |
| 6 | area-cliente.html | Minha Conta / Meus Pedidos | Média | Fluxo de recompra da Sandra |
| 7 | landing-perfil.html | Vitrine por Perfil | Média | Segmentação/SEO de aquisição |
| 8 | institucional.html | Institucional | Média | Autoridade/confiança |
| 9 | faq.html | Central de Ajuda | Média | Camada de ajuda ausente nos concorrentes |
| 10 | contato.html | Contato | Baixa | Canais + WhatsApp + Maringá |
Não geram wireframe próprio: Checkout (hospedado/padronizado pela Shopify), Blog + Artigo (adiado — "por enquanto"), Resultados de Busca (reusa categoria.html), Guia de Tamanhos e Políticas (conteúdo estático), Entrar/Criar Conta e 404 (sistema).
8. Lacunas herdadas que afetam a arquitetura
| # | Lacuna | Origem | Encaminhamento |
|---|---|---|---|
| 1 | Escopo da personalização (cor, bordado, nome, tamanho) não fechado | 01 Lacuna 3 | Configurador desenhado com esses eixos; validação Bling pendente |
| 2 | Regra do desconto por quantidade (faixas/percentuais) não definida | 01 Lacuna 5 | Arquitetura reserva os blocos (PLP/PDP/carrinho); regra comercial a definir |
| 3 | URLs a preservar não listadas | 01 Lacuna 4; 02 §4 | Mapa de redirects 301 como bloqueante de go-live |
| 4 | Sem KPIs quantitativos | 01 Lacuna 1 | Hierarquia priorizada por evidência qualitativa e personas |
| 5 | Tratamento de kits/combos na Bling (sem variações complexas) | 01 Lacuna 10 | Kits e Personalização como produtos compostos simples |
Nomes canônicos, navegação e templates aqui definidos são verbatim para as Fases 07 e 08. Diferenciais materializados: desconto por quantidade visível na PLP/PDP/carrinho, vídeo no carrossel da PDP, checkout sem login, faceta por cor, prazo/frete visível cedo, personalização acessível com pré-visualização e fluxo de recompra.