Ugong - Product Design.

Socorro – São Paulo / remoto

Redesign UI de um projeto para uma startup de live commerce.

Função

UI / UX Research

Prazo

6 Meses

Equipe

2 Pessoas

Objetivo

O projeto “Ugong” é uma startup de Live Commerce que tomou a decisão de investir em uma renovação significativa da interface do usuário (UI). O desafio era criar uma experiência que não apenas atendesse, mas superasse as expectativas dos usuários, elevando o “Ugong” a novos patamares de usabilidade.

1. Planejamento e Estratégia:

1.1 Design Responsivo:
Garantindo uma experiência consistente em todos os dispositivos, desde desktops até dispositivos móveis, o novo design prioriza a acessibilidade e a adaptação fluida.
1.2 Navegação Simplificada:
Otimizando a arquitetura da informação, simplificando a navegação para que os usuários encontrassem produtos desejados com facilidade, promovendo uma jornada de compra fluida.
1.3 Estética Moderna:
Introdução de elementos visuais contemporâneos, mantendo a identidade da marca “Ugong”. Cores vibrantes, tipografia legível e ícones intuitivos foram estrategicamente incorporados para criar uma estética moderna.
1.4 Heurísticas de Nielsen:
Aplicar as heurísticas de usabilidade de Nielsen para avaliar a interface existente e identificar violações de heurísticas e áreas de melhoria.

2. Análise Preliminar:

2.1 Benchmarking de Live Commerce:

  • Estudo das plataformas de live commerce bem-sucedidas e busca por detalhes que mais chamaram a atenção.
  • Analisado as tendências de design, funcionalidades inovadoras e abordagens de engajamento do usuário.

3. Testes com usuários:

3.1 Testes de usabilidade:

  • Efetuado as pesquisas qualitativas e quantitativas com a ferramenta sem as alterações para analisar as implementações a serem aplicadas.
  • Registrar feedbacks, ajustar o design com base nos resultados e repetir os testes conforme necessário.

Home das Lives

Antes
Depois

Carrinho de compras

Antes
Depois

As primeiras modificações foram efetuadas em relação ao visual, na Home das Lives por exemplo foi dado mais destaques as Lives principais.
E no carrinho de compras, assim como em todo o aplicativo, foram ajustadas várias telas e passos desnecessários de navegação, e foi implementado também ícones em todos os passos e botões, para garantir empatia e compreensão adequada das necessidades dos usuários.

4. Iterações Incrementais:

4.1 Implementações:
A maior mudança que foi adicionada após as pesquisas foi o carrinho de compras dentro da live.
Antes o cliente ao clicar no botão de compra, era direcionado ao carrinho de compras para escolher os detalhes d0s produtos. Depois das modificações, foi implementado o carrinho de compras sem que usuário tivesse que sair da live, mantendo assim o foco na apresentação sem se preocupar em perder algum produto.

Implementação do Carrinho dentro da Live

Antes
Depois

5. Monitoramento

6.1 Finalização de Desenvolvimentos e Testes Finais:

  • Implementar o novo design em fases controladas para monitorar o impacto nas métricas de desempenho.
  • Realizar testes A/B para validar a eficácia das mudanças.
  • Coleta de feedback dos usuários para melhorias futuras.
  • Documentação completa e atualizada.

Resultados

Finalização do Projeto

As pesquisas qualitativas revelaram um aumento significativo no feedback positivo dos usuários. Os participantes destacaram a facilidade de uso, a estética moderna e a maior satisfação geral ao navegar e fazer compras

Obs: 
Este é um resumo do projeto, alguns dados e pesquisas foram omitidos a pedido da empresa.