UI Design
Tok&Stok | Jan. 2024
O objetivo desta tarefa foi disponibilizar a nota do produto, gerada pela avaliação dos clientes que já o compraram, no card de produto na PLP (página de listagem de produtos).
A finalidade é deixar evidente aos clientes, ainda na etapa de pesquisa, se o produto foi bem avaliado ou não, o que apoiará na decisão de compra do produto.
Por ser uma tarefa que envolveria somente a parte visual, o primeiro passo foi entender quais são os modelos de avaliações disponibilizados pela empresa parceira que é responsável por esta parte da jornada e as possibilidades que tínhamos.
Em seguida, realizei um benchmarking com outras plataformas de e-commerce que contem com essa avaliação no card de produto, para saber como a funcionalidade é aplicada no mercado.
Após a pesquisa, comecei a desenvolver algumas possibilidades de layout utilizando o Figma. Foram feitos alguns testes e, ao final, chegamos em duas alternativas.
Abaixo temos o card original, sem as avaliações, e as duas alternativas finais.
Versão inicial
Primeira alternativa
Segunda alternativa
A primeira alternativa, já era disponibilizada pela empresa parceira, o que tornaria a implementação mais simples e rápida. Porém, ela acabaria ocupando um espaço maior no card e atrairia a atenção do cliente mais facilmente. Como as informações mais relevantes para a decisão de compra são a imagem do produto e os valores, e não as avaliações, e por questões estéticas, optou-se por seguir com a segunda alternativa.
Apesar de não ser a solução mais rápida, o time técnico também apoiou a decisão de seguir com a versão com a tag lateral. E, ao final, a empresa parceira, que não possuía esse modelo de avaliação, gostou muito da solução e acabou inserindo-a na sua biblioteca, podendo disponibilizá-la para outros clientes.