TOPPAYY
Coupons, freebies and more!
THE CHALLENGE
With growing interest in digital solutions that make everyday life easier, our biggest challenge was to create an experience that united several financial features in a single app. We wanted to go beyond being just another digital wallet, aspiring to be a super-app that offered real value to our users and agility in their daily routine. With this mission in mind, TopPayy emerges to be a facilitator in purchases and interactions with partner stores, while offering security, usability and rewards.
When reviewing the previous TopPayy design, we identified several points for improvement. The old layout, while functional, was not very intuitive and required many steps for the user to reach the main functions, such as coupons and payments. The flow did not favor quick navigation and, therefore, our users could not take full advantage of the app's potential. This was a point we wanted to address very carefully and, thus, we focused on a more modern, accessible and efficient design, putting the main features at the forefront and integrating everything more fluidly.
1. UNDERSTANDING THE PAIN POINTS
COMPLEXITY IN USING COUPONS AND BENEFITS
Many users report difficulties in finding valid coupons and freebies, and when they find them, they don't know how to use them correctly in physical or online stores.
LACK OF TRUST IN DIGITAL TRANSACTIONS
Uncertainty regarding digital payments is still a barrier for many. To overcome this resistance, we chose to integrate Stripe as a payment solution, recognized worldwide.
DIFFICULTY LOCATING NEARBY PARTNER STORES
An important point for the adoption of coupons and offers is easy access to partner stores. Many apps don't provide a complete experience, making it difficult to use benefits. With TopPayy, we integrated a location system that helps users quickly identify the nearest partners, encouraging the use of available offers.
2. REIMAGINING THE SCREENS
USABILITY
CLARITY
SIMPLICITY
Style guide
Pantone 7549
#F9B000
Pantone 444
#647A86
Primary font
Maven Pro
Letters:
Aa Bb Cc
Numbers:
012345
Secondary font
Segoe UI
Letters:
Aa Bb Cc
Numbers:
012345
3. BUILDING THE PROJECT
We rethought every TopPayy screen with a focus on simplicity, clarity and usability. Our design team worked with the goal of making the app intuitive and easy to navigate, allowing any user, regardless of their level of familiarity with technology, to take advantage of the benefits offered. Each section was designed to be accessible and practical, from viewing coupons and cashback to navigating financial features, all to create a super-app experience that truly values the user's time and trust.
figma
flutter
firebase
In TopPayy, Figma was our essential partner during the collaborative design process. This tool allowed our design team to create, share and iterate each visual element quickly and efficiently. Through wireframes and interactive prototypes, we were able to anticipate the user experience and make improvements before any line of code was written, ensuring that every detail was thought out to optimize use and navigation.
THE NEW TOPPAYY
TopPayy is already much more than just a digital wallet. It is the gateway to a world of possibilities, a true super-app where our users have a range of financial and benefit services all in one place.
R$ 20,000 SAVED ON INFRASTRUCTURE! 
FROM THE SOLUTION TO THE ECOSYSTEM
Over time, TopPayy expanded its features to go beyond a single product. This evolution reflects the building of an integrated platform, designed to support different moments of growth.
TOPDELIVERY – THE FIRST EXPANSION
The first step in the evolution was to bring TopPayy to food delivery. With TopDelivery, users could order their favorite dishes and pay with the same wallet, earning benefits and keeping everything in one app.
TOPAUXÍLIO – CARE IN EVERYDAY LIFE
Next we created TopAuxílio, allowing users to subscribe to plans that support them in important moments: teleconsultations, funeral plans, and pharmacy agreements. Everything is contracted and managed in the app, with affordable monthly fees and transparent billing, reinforcing TopPayy's role as a partner in family care.
TOPGAMES – EVERYDAY GAMES
The third step in TopPayy's evolution was TopGames. With it, users get access to a few quick games: memory, slice, and puzzle match. Three simple diversions right in the app.
E-COMMERCE – SHOPPING BEYOND THE PHYSICAL STORE
After delivery, TopPayy launched E-commerce, connecting users to partner stores in different categories. Thus, it became possible to shop online securely, use coupons, track orders, and centralize payments in the same environment users already trust.
TOPENTREGAS – THE APP FOR DELIVERY DRIVERS
With the growth of TopDelivery, the need arose to also take care of the experience of those on the road every day: the delivery drivers. TopEntregas was born as TopDelivery's partner app, offering a clear view of trips, earnings, delivery history, and TopPayy receipts, all in a workflow designed for daily work. This way, the same ecosystem that connects restaurants and consumers also supports delivery drivers, ensuring more autonomy, transparency, and financial organization in each delivery.
