Angeloni: em casa

Repensando a experiência de compras a partir dos hábitos de cada consumidor.

  • Projeto acadêmico · 2025/2026
  • Product Design
  • UX/UI
  • Mobile

Visão geral

O projeto foi desenvolvido na disciplina de UX/UI da faculdade, a partir de uma atividade que propunha a criação de um sistema digital para um supermercado da cidade.

A partir da liberdade da proposta, tive a ideia de criar uma experiência que aprendesse com os hábitos de cada consumidor. O sistema utilizaria o histórico de compras para tornar as próximas compras mais rápidas, práticas e personalizadas.

Visão geral do aplicativo Angeloni: em casa

O ponto de partida

A primeira versão foi construída principalmente a partir das minhas próprias percepções como usuária e das ideias que eu tinha naquele momento sobre como essa experiência poderia funcionar.

Como eu ainda estava no processo de aprendizado em UX/UI e Figma, muitas das decisões foram tomadas sem um estudo mais aprofundado ou referências que ajudassem a fundamentá-las.

Naquele momento, a interface fazia sentido para mim. Foi somente depois de continuar estudando que comecei a perceber que algumas escolhas poderiam ser melhores.

Tela de login do aplicativoTela inicial do aplicativoResultados de pesquisaDetalhes do produtoCarrinho de compras

Olhando novamente para a primeira versão

Depois de finalizar a V1, continuei meus estudos de UX/UI e Figma. Conforme adquiri mais conhecimento e repertório, comecei a enxergar o projeto de outra maneira.

Ao voltar para a primeira versão, percebi que havia muitas informações competindo pela atenção, pouco espaço entre os elementos e uma hierarquia visual que poderia ser mais clara.

Foi nesse momento que decidi não apenas ajustar a interface, mas refazer o projeto com aquilo que eu havia aprendido.

Mapa completo das telas da primeira versão

Da V1 à nova experiência

Antes de começar a segunda versão, busquei referências em outras experiências de compra digital para entender melhor como informações e funcionalidades poderiam ser apresentadas. A partir disso, comecei a revisar as telas e trabalhar principalmente os espaçamentos, a escala, a tipografia, as cores e a hierarquia visual.

A diferença entre as duas versões acabou mostrando muito do meu próprio processo de aprendizado. A V2 passou a ter mais respiro, uma hierarquia mais clara e um uso mais intencional das cores, tornando a interface menos carregada e mais fácil de acompanhar.

Tela de login da primeira versãoTela inicial da primeira versão
Tela inicial da nova versãoTela inicial mobile da nova versão

A solução

Na nova versão, mantive a ideia principal do projeto: utilizar os hábitos de compra do consumidor para tornar a experiência cada vez mais personalizada.

O resultado foi uma interface mais organizada e uma proposta que conseguia comunicar melhor a ideia inicial.

Mais do que o resultado final, esse projeto foi importante para perceber como meu olhar mudou durante o processo. Aprendi que voltar para uma solução depois de adquirir mais conhecimento pode revelar problemas que antes eu nem conseguia enxergar.

Também aprendi a questionar mais minhas próprias decisões e a entender que uma interface não precisa apenas funcionar ou parecer bonita. Cada escolha visual pode ajudar, ou dificultar, a forma como alguém entende e utiliza um produto.

Tela de entrarTela de cadastroTela inicial personalizadaSugestões inteligentesDescrição do itemTela de pesquisarResultados da pesquisaSplash screen do aplicativo
Prévia do projeto Booking.com

Próximo projeto

Booking.com

Ver estudo de caso