Table of Contents
Rio — Design System for Electric Scooters nulled
Demo
Description
Meet the new Rio.
Rio is completely ready for development electric scooter/bike sharing project. It can be used for different renting projects by way. Renting & sharing projects have changed the way people move in cities. We designed Rio with this data that we collect from different major app & benchmarks. We defined & tried to solve the pain points for these type of projects with brand new interface.
It contains 45 well designed UI screen & 20+ components with Figma variants. Color, text & effect style all defined well & used in project. Also Rio uses 8px grid system.
Prototyping is important point for understand the userflow. We prepared prototyping in Rio & u can tour in project via just click the play button in Figma.
(Demo image are not included in design file)
List of Screens
- Splash screen
- Login
- Login / Smartphone number
- Login / Smartphone number [Filled]
- Login / Verify smartphone number
- Login / Verify smartphone number [Resend disabled]
- Login / Apple ID
- Home / First ride
- Home / First ride [Setup]
- Home / First ride [Setup Verified]
- Home
- Home / Zoomed number
- Home / Vehicle selected
- Main menu
- Start with QR
- Start with code
- Reservation [Modal]
- Ring [Modal]
- Unlocking [Modal]
- Start riding [Modal]
- Reserve in progress
- Ride in progress
- Ride is paused
- Lock the vehicle
- Take a shot
- Complete ride
- Ride history
- Ride detail
- Payments
- Payments [Full]
- Payments / Wallet balance
- Payments / Custom wallet balance
- Payments / Custom amount [Modal]
- Payments / Custom amount [Modal / Filled]
- Payments / Add credit card
- Payments / Add credit card [Filled]
- Payments / Add coupon code [Filled]
- Invite
- Gift
- Processing modal
- Settings
- Settings / Profile
- Settings / Profile [Full]
- Change language
- User agreement
Credits
Font: Be Vietnam – https://www.fontsquirrel.com/fonts/be-vietnam
Icons: Flaticon free – http://flaticon.com
Image: There is only placeholder image in design file
Item Content
.fig file that contains documentation, color style, text style, components with variants
.pdf documentation file
Author of Rio — Design System for Electric Scooters nulled
https://themeforest.net/user/pikselmatik