Com o crescente interesse por soluções digitais que facilitem o dia a dia, nosso maior desafio foi criar uma experiência que unisse diversas funcionalidades financeiras em um único aplicativo. Queríamos ir além de ser apenas mais uma carteira digital, aspirando a ser um super-app que oferecesse valor real aos nossos usuários e agilidade na rotina. Com essa missão em mente, o TopPayy surge para ser um facilitador nas compras e interações com as lojas parceiras, ao mesmo tempo em que oferece segurança, usabilidade e recompensas.
Ao revisarmos o design do TopPayy anterior, identificamos diversos pontos de melhoria. O layout antigo, ainda que funcional, era pouco intuitivo e demandava muitas etapas para que o usuário chegasse às funções principais, como os cupons e os pagamentos. O fluxo não favorecia a navegação rápida e, por isso, nossos usuários não conseguiam aproveitar todo o potencial do app. Esse era um ponto que queríamos abordar com muito cuidado e, assim, focamos em um design mais moderno, acessível e eficiente, colocando as funcionalidades principais à frente e integrando tudo de forma mais fluida.
Muitos usuários relatam dificuldades em encontrar cupons e brindes válidos, e, quando os encontram, não sabem como usá-los corretamente em lojas físicas ou online.
A insegurança em relação a pagamentos digitais ainda é uma barreira para muitos. Para superar essa resistência, escolhemos integrar o Stripe como solução de pagamentos, reconhecida mundialmente.
Um ponto importante para a adoção de cupons e ofertas é a facilidade de acesso às lojas parceiras. Muitos apps não proporcionam uma experiência completa, dificultando o uso dos benefícios. Com o TopPayy, integramos um sistema de localização que ajuda os usuários a identificar rapidamente os parceiros mais próximos, incentivando o uso das ofertas disponíveis.
Pantone 7549
#F9B000
Pantone 444
#647A86
FONTE PRINCIPAL
Maven Pro
Letras:
Aa Bb Cc
Números:
012345
FONTE SECUNDÁRIA
Segoe UI
Letras:
Aa Bb Cc
Números:
012345
Repensamos cada tela do TopPayy com foco em simplicidade, clareza e usabilidade. Nossa equipe de design trabalhou com a meta de tornar o app intuitivo e de fácil navegação, permitindo que qualquer usuário, independentemente do nível de familiaridade com a tecnologia, consiga usufruir das vantagens oferecidas. Cada seção foi projetada para ser acessível e prática, desde a visualização de cupons e cashback, até a navegação nas funcionalidades financeiras, tudo para criar uma experiência de super-app que realmente valorize o tempo e a confiança do usuário.
figma
flutter
firebase
No TopPayy, o Figma foi nosso parceiro essencial durante o processo de design colaborativo. Essa ferramenta permitiu que nossa equipe de designers criasse, compartilhasse e iterasse cada elemento visual com rapidez e eficiência. Através de wireframes e protótipos interativos, conseguimos antecipar a experiência do usuário e fazer melhorias antes de qualquer linha de código ser escrita, garantindo que cada detalhe fosse pensado para otimizar o uso e a navegação.
O TopPayy já é muito mais do que apenas uma carteira digital. Ele é a porta de entrada para um mundo de possibilidades, um verdadeiro super-app onde nossos usuários têm à disposição uma gama de serviços financeiros e de benefícios em um só lugar.
Ao longo do tempo, o TopPayy expandiu suas funcionalidades para ir além de um único produto. Essa evolução reflete a construção de uma plataforma integrada, pensada para acompanhar diferentes momentos de crescimento.




