SWAP

Electric Vehicle

SWAP is revolutionizing electric motorcycle ownership in Indonesia with the country’s first battery-swap service. Riders can exchange empty batteries for fully charged ones in seconds, keeping them on the move without delay. We worked with the SWAP team to design a sleek, intuitive mobile app that makes swapping effortless and every ride seamless.

CLIENT

SWAP / Flolab

CLIENT

SWAP / Flolab

Role

UI UX Designer

Role

UI UX Designer

Service

UI UX Design

Service

UI UX Design

YEAR

SWAP

YEAR

SWAP

Battery & Vehicle Status

Battery & Vehicle Status

To help riders stay informed on the go, I designed a real-time dashboard that visualizes key battery and vehicle data—battery health, charge level, and distance prediction. The interface prioritizes clear visuals over text, allowing users to grasp their vehicle’s status instantly. Every detail was crafted to make essential information effortless to read and intuitive to understand.

Map & Indicator

Map & Indicator

I designed an interactive map that helps riders quickly locate nearby SWAP battery outlets. To make the experience more intuitive, I created a color-coded pin system: green indicates a fully charged battery ready to swap, orange shows a partially charged unit, and grey marks unavailable stations. The goal was to make finding the right outlet fast, clear, and visually effortless.

Battery Booking Experience

Battery Booking Experience

I designed a quick and intuitive booking flow that lets riders reserve batteries effortlessly through the map interface. With just a few taps, users can locate nearby outlets, check availability, and secure a battery in seconds—making the entire process fast, seamless, and hassle-free.

User & Vehicle Registration

User & Vehicle Registration

I designed a secure yet streamlined registration flow that verifies users through their phone number and links their motorcycle via license number. Despite the two-step process, the experience remains quick and effortless—ensuring users can start exploring the SWAP app and its features without delay.

Design System

Design System

We've created style guides to define the overall look, including colors, typography, iconography, buttons and interactions, UI components, and more. These scalable design systems are designed to evolve over time with the product and the team, ensuring consistency and efficiency in design implementation.

What Client Said

What Client Said

Ritika Bhagya

Founder at Flolab Studio

Rizqi was a dedicated and loyal team member at Flolab Studio, always delivering with great attention to detail. He brought professionalism and reliability to every project. I highly recommend him—he’ll be a great asset to any organization.

Create a free website with Framer, the website builder loved by startups, designers and agencies.