Neste post, veremos de forma simples e prática quais são as principais páginas de um e-commerce.
Além disso, você entenderá o papel de cada uma na jornada do usuário.
Por fim, mostramos quais componentes normalmente as compõem, unindo visão de negócio, UX e implementação.
O que é: É a página inicial do e-commerce. Além disso, costuma ser o principal ponto de entrada dos usuários.
Etapa da jornada: Nesse momento, o usuário está na fase de descoberta e navegação inicial.
Exemplo visual simples: Funciona como a vitrine da loja. Nela, ficam banners, promoções e produtos em destaque.
Componentes comuns: Normalmente, essa página reúne os seguintes elementos:
Top bar é a faixa superior, acima do header, que normalmente contém cupons, frete grátis ou comunicados.
Header fica logo abaixo da Topbar, normalmente contém logo, menu, busca, login e carrinho.
Após o Header, normalmente encontramos os banners principais (hero banners).
Shelfs são as vitrines de produtos (imagem, nome e preço).
Footer é a seção final, onde normalmente contém links institucionais, ajuda e informações legais.
As páginas de lista de produtos exibem itens lado a lado.
Dessa forma, o usuário consegue comparar opções.
Em seguida, pode refinar a escolha antes de acessar um produto específico.
O que é: É um agrupamento mais amplo de produtos dentro do e-commerce.
Etapa da jornada: Aqui, o usuário está na fase de exploração inicial.
Exemplo visual simples: Uma página como “Moda Feminina” ou “Eletrônicos”..
Componentes comuns:
O que é: É uma divisão mais específica dentro de um departamento.
Etapa da jornada: Nesse ponto, o usuário começa a refinar a busca.
Exemplo visual simples: Uma lista apenas com produtos da categoria “Vestidos”.
Componentes comuns:
O que é: É uma segmentação ainda mais específica dentro de uma categoria.
Etapa da jornada: Aqui, a busca já é mais direcionada.
Exemplo visual simples: Uma página com produtos filtrados apenas como “Vestidos curtos”.
Componentes comuns:
O que é: É a página que exibe os resultados de uma pesquisa feita pelo usuário.
Etapa da jornada: Aqui, o usuário está em uma busca ativa.
Exemplo visual simples: Resultados após buscar “tênis branco”.
Componentes comuns:
O que é:
É a página exibida quando o usuário realiza uma pesquisa, mas nenhum produto corresponde ao termo buscado.
Etapa da jornada:
Nesse momento, o usuário está em intenção ativa de compra, porém encontra uma barreira e precisa de apoio para seguir navegando.
Exemplo visual simples:
Tela com mensagem como “Nenhum resultado encontrado para ‘camisa social verde’”.
Componentes comuns:
O que é:
É a página apresentada quando o usuário tenta acessar um endereço inexistente ou indisponível no site.
Etapa da jornada:
Aqui o usuário sofre uma interrupção na navegação e precisa ser redirecionado para retomar o fluxo.
Exemplo visual simples:
Mensagem como “Página não encontrada” com opções para voltar à loja.
Componentes comuns:
O que é: É uma lista de produtos filtrados por uma marca específica.
Etapa da jornada: Nesse caso, a decisão é guiada pela preferência do usuário.
Exemplo visual simples: Uma página exibindo apenas produtos da marca X.
Componentes comuns:
O que é: É um agrupamento de produtos criado por campanha, estação ou tema.
Etapa da jornada: Aqui, o usuário explora produtos dentro de um contexto específico.
Exemplo visual simples: Uma página como “Coleção Verão 2025”.
Componentes comuns:
O que é: É a página individual de um produto. Nela, o usuário encontra todas as informações necessárias para decidir a compra.
Etapa da jornada: Nesse momento, o usuário avalia o produto e decide pela compra.
Exemplo visual simples: Página com fotos, preço, descrição e botão de comprar.
Componentes comuns:
O que é: É a página onde ficam os produtos selecionados pelo usuário.
Etapa da jornada: Aqui, o usuário revisa os itens antes de finalizar a compra.
Exemplo visual simples: Lista dos itens escolhidos com valores.
Componentes comuns:
O que é: É a etapa final do processo de compra, onde o usuário informa seus dados e realiza o pagamento.
Etapa da jornada: Esse é o momento da conversão.
Exemplo visual simples: Tela para informar endereço, frete e pagamento.
Componentes comuns:
O que é: É a página exibida logo após a compra ser concluída com sucesso.
Etapa da jornada: Aqui começa o pós-compra imediato.
Exemplo visual simples: Mensagem de pedido confirmado.
Componentes comuns:
O que é: É a área logada do cliente dentro do e-commerce.
Etapa da jornada: Essa etapa fortalece o relacionamento e a fidelização.
Exemplo visual simples: Área com histórico de pedidos e dados pessoais.
Componentes comuns:
O que é: São páginas criadas para campanhas ou ações específicas.
Etapa da jornada: Essas páginas focam na aquisição e conversão direcionada.
Exemplo visual simples: Página de Black Friday ou lançamento.
Componentes comuns:
O que são: São páginas informativas sobre a empresa e suas políticas.
Etapa da jornada: Essas páginas ajudam a gerar confiança e segurança.
Exemplo visual simples: Quem Somos, Política de Privacidade, Trocas e Contato.
Componentes comuns:
As imagens no post representam superficialmente os componentes. Para acesso completo, é recomendado navegar pelo Store Theme VTEX e interagir com os componentes