Categoria
UI/UX
Meus Gastos
IM+/ Fliper
Confira o case de UX e UI design da função Meus Gastos e descubra como empatia e inovação criam uma experiência financeira única 📱
Cliente
IM+/Fliper - XP Investimentos
Minha função
Designer de Produto JR.
A Evolução: De Fliper para IM+
Com a evolução da plataforma, agora é necessário atualizar sua identidade, seguindo as diretrizes da equipe de marketing. A introdução de funcionalidades como "Minhas Finanças", que permite o acompanhamento diário de gastos, junto a um novo espaço para troca de informações e conteúdos educativos sobre finanças, visa atrair uma nova audiência e manter os usuários atuais satisfeitos.
E antes de nos aprofundarmos em cada etapa, que tal conferir um spoiler das telas do nosso protótipo em alta fidelidade?
Processo de Design
Pesquisa
Iniciamos o processo de design com uma análise detalhada de aplicativos financeiros, avaliando suas vantagens e limitações com base em critérios como usabilidade e integração de funcionalidades. A pesquisa incluiu feedback de usuários e revisões especializadas para identificar pontos fortes e áreas de melhoria.
Além disso, realizamos uma pesquisa direta com usuários, através de um formulário, para entender suas expectativas em relação ao aplicativo.
O questionário abordou funcionalidades desejadas, experiências anteriores e as principais necessidades em termos de usabilidade e benefícios.
Processo de Design
Protótipo de baixa funcionalidade
Após reunir as informações iniciais, selecionamos um grupo de usuários para testar um protótipo de baixa funcionalidade. O objetivo era aprofundar nossa compreensão sobre o perfil dos usuários e como eles interagiriam com o aplicativo.
Para garantir que os testes fossem eficazes, elaboramos um roteiro de teste que nos permitiu aplicar a avaliação de forma estruturada. Com esse roteiro em mãos, desenvolvemos o protótipo de baixa fidelidade, que foi utilizado pelos usuários para coletarmos feedbacks importantes sobre a experiência e a usabilidade.
Processo de Design
Construção de alta fidelidade e personalização
Enquanto isso, continuei o desenvolvimento no Illustrator, criando os ícones e definindo as categorias de gastos pessoais, atribuindo cores específicas a cada uma para garantir uma experiência visual intuitiva. O trabalho de personalização foi essencial para aprimorar a usabilidade e a estética do aplicativo
Processo de Design
Testes e Resultados em alta resolução
Com os resultados dos testes realizados nas telas em alta resolução, na arquitetura de informação e no aceite das categorias, e devidamente documentados em planilhas, conseguimos obter uma visão mais precisa do aplicativo que foi lançado na versão 1.
A análise das interações e feedbacks dos usuários ajudou a refinar tanto a interface quanto a organização das informações e a aceitação das categorias de gastos.
Para garantir a representatividade, realizamos entrevistas com 10 pessoas, com idades entre 24 e 34 anos, de diferentes áreas profissionais. Esse feedback direto foi fundamental para ajustes finais e aprimoramento do design.
Lançamento do Aplicativo
Após testes e ajustes, o aplicativo foi lançado em outubro de 2021, atingindo os objetivos propostos, como a melhoria na gestão financeira e a satisfação dos usuários. No entanto, apesar de seu sucesso inicial, o app foi descontinuado devido a mudanças estratégicas da empresa, embora tenha atendido às expectativas e oferecido uma solução valiosa.