Skip to content
Acer Refactoring
Share
Explore

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

Após todo o processo de estudo, e , ilustramos os wireframes propostos abaixo - compilando os principais pontos relevantes a serem implementados:

Mobile

Site Atual Wireframe proposto
Group 2838.png
Wireframe final - mobile.png


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
image 61.png
Home - Desktop.png

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 →

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.