TOP: APP DE MOBILIDADE

TOP: APP DE MOBILIDADE

TOP: APP DE MOBILIDADE

SUMMARY

The TOP App serves millions of citizens in São Paulo, Brazil, offering transport solutions and now, integrated financial services. With the new features, users can purchase tickets, manage their digital accounts, adjust their credit card limits, and pay bills in installments.

CLIENT

AUTOPASS

ROLE

UI/UX DESIGNER

CLIENT

AUTOPASS

ROLE

UI/UX DESIGNER

Overview

The app is used by approximately 5 million residents in São Paulo, Brazil, facilitating access to public transportation. The TOP App enables users across all age groups to purchase train and bus tickets, recharge their transport cards, and manage all transit needs directly from their smartphones. Upon purchasing a ticket or completing a recharge, users receive a unique QR code that allows entry through station turnstiles. For bus tickets, the QR code refreshes every 20 seconds to enhance security. Additional features include sending tickets to others, viewing past purchases, and exploring available ticket options.

DELIVERABLES

WIREFRAMES

PROTOTYPES

DOCUMENTATION

MOCKUPS

deadline

13 WEEKS

industry

TRANSPORTATION

FINANCE

tools

FIGMA

MIRO

MIRO

FIGMA

VIEW LIVE APP

Button Text

VIEW LIVE APP

Button Text

industry

TRANSPORTATION

FINANCE

tools

MIRO

FIGMA

MIRO

DELIVERABLES

mockups

Prototypes

WIREFRAMES

WIREFRAMES

WIREFRAMES

PROTOTYPES

PROTOTYPES

DOCUMENTATION

DOCUMENTATION

MOCKUPS

MOCKUPS

deadline

13 WEEKS

The Challenge

This project's primary challenge was designing a user-friendly solution that simplifies the ticketing process for the city of São Paulo citizens who use public transportation. Given the city's diverse population and the high daily ridership, it was crucial to create features within the app that are intuitive, secure, and accessible to users with varying levels of technological proficiency—including many elderly users who rely on public transit daily.

The Solution

To address the problem, I designed a QR code-based ticketing system with a guided onboarding process to introduce users to the new features. This solution allows commuters to purchase tickets using multiple payment methods, including debit, credit, and Pix—a widely used instant payment system in Brazil. To enhance security and efficiency, QR codes for bus tickets have a limited validity period and refresh every 20 seconds, ensuring seamless validation during boarding. Additionally, the app consolidates all ticket management functions in one place, offering users greater flexibility and convenience, ultimately creating a more seamless and user-centric experience.

Overview

The app is used by approximately 5 million residents in São Paulo, Brazil, facilitating access to public transportation. The TOP App enables users across all age groups to purchase train and bus tickets, recharge their transport cards, and manage all transit needs directly from their smartphones. Upon purchasing a ticket or completing a recharge, users receive a unique QR code that allows entry through station turnstiles. For bus tickets, the QR code refreshes every 20 seconds to enhance security. Additional features include sending tickets to others, viewing past purchases, and exploring available ticket options.

DELIVERABLES

WIREFRAMES

Prototypes

mockups

WIREFRAMES

WIREFRAMES

PROTOTYPES

PROTOTYPES

DOCUMENTATION

DOCUMENTATION

MOCKUPS

MOCKUPS

DEADLINE

13 WEEKS

industry

TRANSPORTATION

FINANCE

tools

MIRO

FIGMA

MIRO

SUMMARY

The TOP Application offers several human mobility solutions and integrated financial services for millions of citizens in the city of São Paulo. With TOP, users can purchase tickets, manage their digital accounts, adjust their credit card limits, and pay bills in installments.

Client

AUTOPASS

role

ui/ux designer