Dez/23 - Reformulação do Design da Home - Acer

Benchmarking

Brainstorming

Após todo o processo de estudo,

Benchmarking⁠

Brainstorming⁠

, ilustramos os wireframes propostos abaixo - compilando os principais pontos relevantes a serem implementados:

Mobile

Site Atual Wireframe proposto

⁠

⁠

Principais alterações realizadas:

"Oferta relâmpago" foi ilustrada acima do fullbanner ao invés do header, diminuindo a sobrecarga de informações no header e deixando o elemento de "Oferta relâmpago" mais intuitivo para o usuário, por causa da inserção do texto ao lado do ícone de raio;

O ícone de coração referente aos "Favoritos" foi retirado do header e inserido no menu hambúrguer;

Na navegação do fullbanner, além dos bullets, foram implementadas também setas laterais;

A régua de vantagens será carrossel automático, sendo mais fácil de ser visualizada pelo usuário;

Os cards de departamentos serão ilustrados na mesma dobra, visto que melhora sua exibição e o usuário não necessitará realizar scroll horizontal nesse componente;

Tabs serão exibidas antes da primeira vitrine, deixando esse elemento mais personalizável para o usuário;

A primeira vitrine será de um único produto ilustrado, melhorando a visualização dos detalhes do mesmo;

Haverá espaços para banner e para mais uma vitrine, que exibirá dois produtos por vez;

O footer teve algumas modificações, como o conteúdo em estado primário aberto, auxiliando o usuário na busca por informações que ele não encontrou no restante do site, por exemplo.

⁠

Desktop

Site Atual Wireframe proposto

⁠

⁠

⁠

Além das alterações mencionadas em mobile, podemos observar:

"Oferta relâmpago" foi ilustrada no top menu e de modo mais intuitivo para o usuário, por causa da inserção do texto ao lado do ícone de raio.

Próxima Página →

Benchmarking⁠

⁠

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.