Desafio de UX — Melhorar a experiência do usuário e a taxa de conversão
Participei de um teste para a vaga de UX designer, cujo objetivo era melhorar a experiência do usuário e a conversão do site escolhido.
O teste
O briefing do teste recebido foi o seguinte:
A área de CS solicitou um estudo para melhorar a experiencia do usuário e a taxa de conversão de um de nossos clientes.
1. — Escolha um cliente:
www.melitta.com.br
www.cori.com.br
www.ibbl.com.br
2 — Fale um pouco do processo, framework ou linha de raciocínio que você usaria para resolver o problema.
3 — Envie uma solução visual (apresentação, storyboard, wireframe, layout, etc).
4 — Descreva como você mediria o sucesso do projeto.
O cliente escolhido para o projeto foi Cori — marca reconhecida no cenário da moda brasileira que cria roupas e acessórios conectados aos desejos femininos de seu tempo, vestindo mulheres contemporâneas com sofisticação e simplicidade. Está presente nos principais shoppings e nas mais conceituadas multimarcas de todo o Brasil.
Linha de raciocínio
- Análise de concorrentes;
- Análise de usabilidade;
- Análise da Jornada de compra;
- Solução Visual;
- Medindo o Sucesso do Projeto;
1. Análise de concorrentes
Concorrentes indiretos
No site da marca Dafiti, nota-se um banner bem grande e centralizado com promoções na página inicial. O menu também é centralizado para que site seja responsivo e tenha um respiro entre as informações.
Concorrentes diretos
No site da marca Zara, nota-se que o banner ocupa a página inteira e o menu está dentro do banner. Podemos observar também que a barra de pesquisa está centro obtendo muito foco.
2. Análise de usabilidade
Nessa etapa foi realizada tarefas no site a fim de identificar erros de usabilidade ou melhorias em alguma função.

Na página de busca, os filtros ficam atrás das flags de desconto.

Na versão mobile, o layout parece estar quebrado, a distribuição não foi bem aproveitada.
3. Análise da Jornada de compra
Nessa parte irei realizar duas jornadas de compra: Web e Mobile. Representarei a jornada abaixo colocando os pontos negativos e as melhorias.
Partindo do ponto que as duas jornadas se iniciam na home, foquei na página de produto, pois acredito que tenha mais melhorias.

4. Solução Visual
Após apresentar a análise de concorrentes, análise de usabilidade e jornada de compra, agora irei mostrar soluções visuais para os problemas apresentados.
Home Page
Desktop: menu centralizado, contraste de cores, respiro entre os elementos e foco na barra de busca.

Pagina de categoria
Desktop: solucionado o erro de sobreposição das flags.

Home Page
Mobile: Apresentação do layout foi substituída por um carrossel.

Pagina de produto
Desktop: Apresentação do produto foi alterada para uma que não apresentasse um layout quebrado e a cor a descrição foi alterada para ter mais peso.

Pagina de produto
Mobile: Apresentação do produto foi alterada para uma que não apresentasse um layout quebrado e a cor a descrição foi alterada para ter mais peso.

5. Medindo o sucesso do projeto
Depois da análise e melhorias encontradas, precisamos ver se todas as alterações que encontramos surtiu efeito positivo.
Para mensurar os resultados, utilizaremos ferramentas como Google analytics e ferramentas de heatmap para mapear onde o usuário mais clica.
Usaremos também testes A/B , já que estamos tratando de mudanças de uma página que já está em funcionamento, mostrando o que estaria dando certo ou errado.
Conclusão
Como ainda não tenho muita experiência em campo, testes como esses me colocam em contato com o dia a dia de um UX Designer, possibilitando que eu entenda, por exemplo, como é a demanda e o tempo de entrega do projeto.
Cada dia que passa ganho inúmeros aprendizados e conhecimentos na área, e junto aumento minha paixão por essa profissão.
Obrigado por ler até aqui ;)

