# JET LATAM — Pavel Paulau > JET LATAM: an e-scooter sharing app for Brazil. Product concept, design system, and iOS/Android app design by Pavel Paulau. Source: https://pavelpaulau.com/jet ![The JET app on a phone mounted on a scooter’s handlebar, over a Copacabana-style mosaic pavement](https://pavelpaulau.com/_astro/jet.BPCyyJIm_1zltz7.webp) # JET LATAM Mobile App JET is an e-scooter sharing app built for quick city rides. Beyond the basics, it offers practical extras like Multi Rent, a free 10-minute reservation, a standby lock for short stops, and powerbank rental. For the Brazil market, I reviewed key competitors, shaped the product concept, and designed the iOS and Android apps. During early launch, I tested the main flows, learned fast, and improved the experience through iterations—including support for local payment habits like PIX. Role Senior Product Designer Responsibilities Research & Facilitation · Design Directions · UX/UI Design · Usability Testing & Iteration Release 2025 ![JET e-scooters with white helmets parked by the beach](https://pavelpaulau.com/_astro/helmets.D02upq2B_1FJPzh.webp) ![JET app icon on an iPhone home screen](https://pavelpaulau.com/_astro/app-store.BmfJnl-E_VlpcP.webp) ![App Store: 3.5K ratings, 4.7 stars; ages 4+; category Health & Fitness](https://pavelpaulau.com/_astro/stats.1W-i-MQc_ZLYhpq.webp) ![Ride screen with callouts: menu, subscription, current plan, insurance, payment method, ring, filter, location, scooter card, minute packs, active button, and reserve](https://pavelpaulau.com/_astro/anatomy.C9VshHtA_Z1fjeqC.webp) - Ring · Makes the selected scooter play a sound to help find it among others - Payment method · Lets users choose a payment option, including local PIX - Insurance · Insurance is on by default for extra safety, but users can opt out if they prefer - Current plan · The currently selected pricing option used for this ride - Subscription · Opens PLUS subscription details and benefits - Menu ![JET ride screen with a selected scooter](https://pavelpaulau.com/_astro/anatomy-phone.Dm_TBtqy_Zm0wWq.webp) - Reserve · Holds the selected scooter for 10 minutes - Active button - Minute packs · Discounted minute bundles (e.g., 60 min) to save money compared to paying per minute - Scooter card · Shows the selected scooter’s key stats (ID, battery, estimated range/time) so users can understand how far they can ride before starting - Location - Filter ## The task was to prepare the JET mobile experience for launch in Brazil and make key flows fast, clear, and familiar. ![Flag of Brazil](https://pavelpaulau.com/_astro/local-habits.DgX9zSM5_Z246Ck8.webp) ### Local User Habits Local Brazilian habits and expectations shaped the design, making key flows feel natural from the start. ![Brazilian bicycle parking road sign](https://pavelpaulau.com/_astro/road-sign.C0VSPBEQ_ko1l4.webp) ### Local Road Sign System Local road signs and symbols were reflected in the UI, making parking and map guidance easier to understand. ![PIX logo](https://pavelpaulau.com/_astro/pix.BxfLft1n_17B05y.webp) ### PIX Payments PIX was added as a local payment option, matching everyday habits and speeding up top-ups and minute packages. ![Two friends on JET e-scooters by the Farol da Barra lighthouse in Salvador](https://pavelpaulau.com/_astro/ride.tk4R8CSV_1nJarr.webp) ## The concept was shaped through competitor research and user expectations. It defines structure, visual language, and core mechanics. - ![Design Concept: a clean, map-first interface built for fast decisions in the city](https://pavelpaulau.com/_astro/slide-01.BrJSOnGm_Z1sYXHg.webp) - ![Typography: Inter weights for headlines, inputs and buttons, in light and dark sign-in screens](https://pavelpaulau.com/_astro/slide-03.BgS5-Aiq_5NeLb.webp) - ![Map & Cities: city markers when zoomed out, city names at mid zoom, a custom monochrome map style](https://pavelpaulau.com/_astro/slide-04.BsYFBZMg_Zgjray.webp) - ![JET Coverage: the map highlights only the areas where JET operates](https://pavelpaulau.com/_astro/slide-05.VreRrrnA_Zl0PJ8.webp) - ![Object Groups: clustered vehicle markers, powerbank stations and unavailable stations](https://pavelpaulau.com/_astro/slide-06.DqOCtkXs_mKKe9.webp) - ![Vehicles: markers show battery level with a fill indicator and colour](https://pavelpaulau.com/_astro/slide-07.CahtL6sx_Z1PSDHg.webp) - ![Parking: parking zones at closer zoom and recommended parking points](https://pavelpaulau.com/_astro/slide-08.C3IKwpwS_Z2eqk6J.webp) - ![Restriction Zones: no-go, low-speed and no-parking areas on the map](https://pavelpaulau.com/_astro/slide-09.Cv5j76vj_ZqS2EG.webp) - ![Scooter: the scooter card with number, battery, plan, insurance and payment method](https://pavelpaulau.com/_astro/slide-11.Dn6DVYtL_1llp0n.webp) ## The guidelines define clear rules that keep the design consistent and easy to use. They help make decisions faster and stay aligned. ### Palette A functional color system built for clarity and contrast across mobile screens. Neutral tones keep the map readable, while accent colors highlight key actions, statuses, and navigation points at a glance. - Soft White · RGB: 0 0 0 0 HEX: 000000 - Urban Gray · RGB: 48 48 48 HEX: 303030 - Carbon Black · RGB: 255 255 255 HEX: FFFFFF - Signal Yellow · RGB: 254 201 25 HEX: FEC919 - Fresh Green · RGB: 89 179 39 HEX: 59B327 - Digital Blue![JET logo](https://pavelpaulau.com/_astro/jet-logo.oeiXxPt4.svg)RGB: 9 118 225 HEX: 0976FF ### Inter: Readable by Design Inter is the app’s primary typeface. It was chosen because it’s built for on-screen readability, free to use, and comes with broad character support — a practical foundation for a product that’s planned to scale across many countries and languages. ![Inter type specimen: Latin, extended Latin, Cyrillic, arrows and symbols](https://pavelpaulau.com/_astro/typography.CrYMKkzK.svg) ### Icons Material Symbols were chosen as a universal icon set that works well in UI. They’re available in SVG/PNG for web, iOS, Android, and design tools, support different styles and stroke weights, and are free to use under the Apache 2.0 license. ![Icon examples: scooter, bike, charge, QR code, powerbank, receipt](https://pavelpaulau.com/_astro/icons.Dc0KnQqk_Z2ekgut.webp) ## The solution is iOS and Android UI/UX: map, vehicle selection, start/end ride, and payments. Early flows were tested and improved through iterations. ![User flow map of the app screens](https://pavelpaulau.com/_astro/flow.BHK39F23_gH98o.webp) ![Launch screen rotates illustrations to highlight the app’s multiple services](https://pavelpaulau.com/_astro/launch.B3d7WzRE_YJ3sb.webp) ![PLUS power: free starts, 5% cashback, and up to 25% off insurance — only R$ 29.00/month. Get PLUS](https://pavelpaulau.com/_astro/plus-card.DgNQuMF6_15zxqb.webp) ![Map screen with a small PLUS banner: Ride more, spend less](https://pavelpaulau.com/_astro/plus-phone.Fq3XaWTl_Zs1x78.webp) ### Subtle Subscription Promotion PLUS is promoted in a lightweight, non-intrusive way—visible when it’s relevant, but never blocking the main ride flow. This keeps the experience focused while still communicating the value of the subscription. ## Map Design Concept ![Dark theme of the main ride screens](https://pavelpaulau.com/_astro/dark-theme.C-G7wTQG_Z2rXCGJ.webp) ![Parking marker icon](https://pavelpaulau.com/_astro/parking-icon.0TypeyvJ_Z16lLsC.webp) ### Parking Zone Tapping a parking marker reveals the full parking zone, showing the exact area where the scooter can be left without issues. This reduces guesswork and helps users end the ride correctly. ![Hand holding a phone with the parking zone screen](https://pavelpaulau.com/_astro/parking.DEsm8A28_Z1gFpRi.webp) ![Map marker states: Scooter, Reserved, E-Bike, Powerbank, Closed](https://pavelpaulau.com/_astro/vehicle-states.CTuBzSM4_1wOey4.webp) ![A rider on a JET e-scooter](https://pavelpaulau.com/_astro/vehicle-photo.DWz8SAS0_Z5QAqe.webp) ![Training story: Use the right-hand throttle to control your speed](https://pavelpaulau.com/_astro/stories.Cm9uQiX4_2mfQsO.webp) ### In-App Training Stories Short story-style screens teach users how to ride and use the service correctly. The format feels familiar, making key rules and tips easy to learn. ![E-bike card with pricing options](https://pavelpaulau.com/_astro/ebike-card.DZ4uq0zD_2WCfg.webp) ### More Than Scooters Along with e-scooters, the service also offers e-bikes for longer, more comfortable rides. The interface stays familiar, and all key features are available before the ride starts. ![JET e-bike](https://pavelpaulau.com/_astro/ebike.KJkKqN3E_ZEf6LU.webp) ![Powerbank station details screen](https://pavelpaulau.com/_astro/powerbank-phone.Blb-o_-L_ZPEyyn.webp) ![JET powerbank station](https://pavelpaulau.com/_astro/powerbank.0hjoLR50_1g1xYA.webp) ### Powerbank Rental Powerbank rental lives inside the same app without adding clutter to the main ride flow. It appears when it’s relevant, giving users a smooth, dedicated path to rent a powerbank — as thoughtfully as renting a vehicle. ## Scaling is supported by flexible components, clear navigation, and multi-language support. The design is easy to adapt for new cities and countries. ### Designed for Every Device Brazil has a wide range of device generations and budgets, so the experience was designed to work fully even on older phones. Core flows stay fast, readable, and feature-complete across screen sizes — not just on the latest devices. ![Ride screen on a modern iPhone, a modern Android, and an older Android](https://pavelpaulau.com/_astro/devices.CfDSby0c_zPF8u.webp) ![JET LATAM app icon](https://pavelpaulau.com/_astro/app-icon.CW3WH0Vo_Z2vsDFq.webp) ## An easy way to get around Brazil’s cities. JET Sharing helps you find and unlock a scooter in seconds, so you can explore the city on your own schedule. Visiting Brazil? Tourist-friendly sign-up is supported, so you can start riding without hassle. [JET LATAM on Instagram](https://www.instagram.com/jet.azul/)