Página de Departamento/Categoria

icon picker
Desktop

Breadcrumb em tamanho 12px e no tom de cinza do Global - Home/Feminino/Calçados/Corrida
*Hoje o breadcrumb está incompleto, pois os departamentos não estão corretamente cadastrados, gerando inconsistência com o Global, além de não auxiliar a navegação do usuário. Além disso, os títulos de algumas páginas de categoria do menu não são iguais quando clicados - Casual/Sportstyle; Corrida/Running - pode causar confusão ao usuário.
Título do Departamento/Categoria - para ter consistência com o Global
Opções de Filtro à esquerda
*A fim de ter consistência e auxiliar a jornada do usuário, sugerimos deixar os filtros com checkbox à esquerda, como no Global, exibir a quantidade de produtos, como está atualmente. Além disso, o ideal é travar as opções de filtro conforme o usuário for escolhendo, mostrando apenas as opções compatíveis com os filtros já selecionados, conforme a referência da Madesa, porque desse jeito evitamos qualquer tipo de frustração ou irritação por parte do usuário.
Espaço para banner da categoria estreito para não ocupar muito espaço, conforme o Global
Título da Página de Categoria + o número de produtos encontrados - ex: Corrida (150) - tamanho grande (H2 ou H3) e na cor Asics blue + dropdown de quantidade de produtos vistos na página + dropdown arredondado de Ordenar por - no lado direito, conforme Global
Global:
image.png
Atualmente:
image.png
Referência da Madesa:
image.png
image.png

Filtros (checkbox):
Tamanho
34 (19)
35 (19)
36 (19)
Cor
Azul (19)
Branco (19)
Cinza (19)
Preto (19)
Gênero
Feminino (19) - checkbox já selecionado quando o usuário tiver entrado pelo menu hambúrguer
Masculino (19)
Unissex (19)
Indicado para
Corrida (19) - checkbox já selecionado quando o usuário tiver entrado pelo menu hambúrguer
Outros filtros
Preço - *é interessante acrescentar um filtro de preço para facilitar a busca pelo usuário
0 - 2.000,00
Cards de produtos
Paginação - seguir o Global para ter consistência
*No Global, verificamos uma descrição de departamento. Atualmente não há qualquer texto descritivo e ele é importante para fins de rankeamento de SEO com pesquisa orgânica.
Referência Global:
image.png
Quando o produto estiver indisponível, deixar a mensagem abaixo:
*Produto indisponível
Avise-me quando este produto estiver disponível.
Nome
E-mail
Newsletter
Footer

Próxima Página →

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.