Como apliquei UX Design em uma empresa desprovida de uma cultura de produto e cética em relação à pesquisa

Clique aqui para ver o case 

A página inicial do site adota uma abordagem mais comercial, destacando um banner promocional e oferecendo opções avançadas de filtragem por pontos, categorias e produtos/serviços. Introduzimos vitrines dedicadas a descontos, novidades, promoções e eventos sazonais para criar uma experiência mais envolvente.

Essa funcionalidade pode ser explorada estrategicamente por meio de ofertas de marketing direcionadas, incentivando os usuários a resgatar pontos.
Outro ponto relevante são as vitrines focalizadas no comportamento de compra, como “produtos de interesse” e “produtos que você possui saldo para resgate”. Essa abordagem aprimorada nos permite ser mais precisos ao oferecer produtos alinhados com as preferências do cliente.

Adicionalmente, banners promocionais destacam resgates de serviços, enquanto a vitrine de vouchers ganhou maior visibilidade por meio de um carrossel na página. Essas iniciativas visam proporcionar uma experiência mais completa e personalizada, aumentando a atratividade e a praticidade para os usuários em sua busca por produtos.

A página do produto passou por uma atualização significativa nos componentes e na disposição visual dos produtos. Agora, por meio de um carrossel intuitivo, os usuários podem apreciar imagens em alta resolução na tela, enquanto as informações detalhadas do produto são exibidas de forma organizada na lateral direita.

Uma novidade visual é a presença das tags de promoção no topo do carrossel, destacando produtos com descontos. Além disso, as avaliações tanto do vendedor quanto do produto estão facilmente acessíveis, proporcionando uma visão abrangente da qualidade. Ao explorar a opção “pontos + dinheiro”, disponibilizamos uma modal informativa que esclarece a equivalência entre pontos e dinheiro, oferecendo transparência ao usuário.

Para maior conveniência, apresentamos o valor do frete do usuário na tela. Se o cadastro estiver preenchido, essa informação é obtida automaticamente, caso contrário, basta inserir o CEP para visualizar o custo do frete. Além disso, na tela do produto, fornecemos uma seção de perguntas e respostas relacionadas ao resgate, bem como um carrossel de produtos associados, incentivando os usuários a explorar e resgatar mais itens.

As categorias passaram por uma atualização significativa, notadamente com a expansão das opções de filtragem por produtos e por pontos nos filtros, o que simplifica a navegação do usuário ao procurar um produto específico.

Destaca-se ainda a presença de chips de categorias fixos na tela, proporcionando maior facilidade ao usuário para trocar de categoria e mantendo claro em qual categoria ele está navegando.

Introduzimos também uma paginação, proporcionando uma visão clara da quantidade de telas associadas a uma categoria específica, e indicando em qual página o usuário se encontra, aprimorando assim a experiência de navegação.

Carrinho
Nesta atualização, proporcionamos ao usuário a facilidade de adicionar itens ao carrinho e visualizar a soma total do frete por vendedor por meio do mini cart.

Isso permite que o usuário resgate mais itens em uma única transação, ao mesmo tempo em que obtém uma compreensão mais clara dos pontos que estão sendo utilizados, tudo apresentado de forma resumida em seu resgate.
Abaixo também segue um carrossel de produtos para incentivar um resgate combinado de produtos.

Esta funcionalidade passou por melhorias significativas, simplificando o processo para o usuário que, ao concluir o cadastro, não precisa mais confirmar cada detalhe individualmente. Agora, ele recebe um resumo na tela e, caso deseje fazer alguma informação, pode fazer isso de maneira prática através de uma modal, sem sair do fluxo principal do checkout. Destaca-se também a aprimorada funcionalidade de pontos + dinheiro.

Outro ponto importante na usabilidade é que na antiga versão, o usuário era obrigado a abrir todas as abas para confirmar: endereço de entrega, frete e pagamento obrigatoriamente, o forçando a dar muitos cliques na tela. Agora com a nova experiência ele não precisa dessa confirmação por itens na tela.

Após o usuário inserir a quantidade de pontos desejada, apresentamos de forma clara o valor que ele precisará complementar em dinheiro. Isso é feito de maneira intuitiva e eficiente, permitindo que o usuário digite o valor desejado ou ative o componente de checkbox para transferir automaticamente o valor total do saldo para o campo correspondente.

Além disso, agora fornecemos ao usuário informações sobre as bandeiras aceitas tanto para cartões de crédito quanto para débito.

O formulário de preenchimento também foi simplificado, permitindo que o usuário ative facilmente a opção desejada.

Nesta tela, apresentam-se os produtos que o participante resgatou, juntamente com suas informações de status, proporcionando uma compreensão clara das etapas dessa compra.

O participante também tem a opção de resgatar novamente o mesmo produto, dispondo de um botão que o direciona para a página de detalhes.

Na página de detalhes do resgate, são exibidos detalhes específicos sobre o cliente, como endereço, dados pessoais, resumo da compra e o rastreamento de entrega, sendo atualizado a cada novo status do produto.

Nesse contexto, o usuário tem a capacidade de avaliar o produto que resgatou, contribuindo para uma experiência mais interativa e participativa.

Outro ponto crucial foi a inserção do modal com o step do tracking de entrega, mostrando visualmente a atualização do resgate.

Todos os componentes foram criados do zero, sem depender de bibliotecas existentes. Além disso, elaboramos uma documentação de design abrangente para orientar o uso adequado de cada componente no novo layout.