Dotz: uma nova experiência de programa de fidelidade com design atualizado e funcionalidades aprimoradas

UX | UI | Research | Usability Test

Contexto

A Dotz é um programa de fidelidade e uma moeda virtual utilizada no Brasil. Ela foi criada em 2000 com o objetivo de oferecer aos consumidores uma forma de acumular pontos que podem ser trocados por produtos e serviços em uma ampla rede de parceiros.

Os clientes podem acumular Dotz em suas compras do dia a dia, seja em lojas físicas ou online, por meio de parcerias estabelecidas pela empresa. Esses pontos acumulados podem ser resgatados por uma variedade de produtos físicos, passagens aéreas, combustível, os clientes também podem converter seus Dotz para Real.

Além disso, a Dotz também oferece um cartão de crédito próprio, o Cartão Dotz, que permite aos usuários acumularem ainda mais pontos em suas compras.

Problema

o site da Dotz estava há muitos anos sem uma atualização;

a empresa fez uma nova marca e era preciso atualizar toda a comunicação visual;

precisávamos entender qual seria o impacto da curva de aprendizado do novo layout;

a versão antiga fidelizou muitos clientes, porém não passava confiava para os novos;

os componentes do layout antigo não tinham consistência, o que acabava atrapalhando pois o usuário estava sempre precisando descobrir o que era cada elemento, se era clicável ou não, o
que ele fazia, etc;

algumas funções não funcionavam corretamente, como o “Meus Desejos” (onde o usuário podia favoritar algum produto), a Troca Programada e a Recarga. Algumas funções já não estavam mais disponíveis via site e o usuário só conseguia acessá-las via aplicativo.

Antiga área logada do site Dotz.

Solução

redesign com os componentes do nosso Design System (Dharma);

teste de usabilidade com os clientes para entendermos o impacto da mudança.

Teste de usabilidade

Recrutei sete usuários para a realização dos testes, identifiquei alguns pontos precisavam ser refinados e revistos como:

taxonomia;

dar mais evidência para o suporte/ajuda da Dotz dentro da área logada;

eliminar a barra de pesquisa (visto que dentro do novo site não seria mais possível pesquisar por produtos, tendo o usuário que acessar o aplicativo para isso).

Protótipo para teste

Insights

2 usuários não encontraram o extrato;

4 clicaram no menu hambúrguer quando estavam dentro da área logada para fazer outra ação que deveria ser executada dentro da área logada;

utilizaram o termo “Dados Cadastrais” ao invés de “Meus Dados”;

não sabem o que dá pra buscar na barra de pesquisa.

Protótipo

Versões finalizadas que foram atualizadas no novo site.

Layout final (versão responsiva)

Layout final (versão desktop)