Ugong Product Design

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.
• Analisadas as tendências de design, funcionalidades inovadoras e abordagens de engajamento do usuário.

3. Testes com usuários

3.1 Testes de usabilidade

• Efetuadas 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 destaque às lives principais. No carrinho de compras, assim como em todo o aplicativo, foram ajustadas várias telas e passos desnecessários de navegação, e foram implementados 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 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 dos produtos. Depois das modificações, foi implementado o carrinho de compras sem que o 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

5.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.