Flutter Ninebot Gokart PRO UI
Tech Stack
Overview
This project is a UI design concept for a companion app for the Ninebot GoKart PRO, a smart electric go-kart. The concept envisions what a mobile control and monitoring app could look like for this smart mobility device. The UI features a dashboard with real-time speed, battery level, and motor temperature displays, a ride history section with route mapping, device settings and firmware management, and a social leaderboard for comparing lap times. The design follows clean, modern principles with a dark theme that matches the GoKart PRO's premium positioning, using circular gauge widgets, smooth animated transitions, and a card-based information architecture. Built entirely in Flutter with custom-painted widgets for the dashboard gauges.
Challenges
- •Designing realistic dashboard gauges and data visualizations in Flutter that feel like an actual smart device companion app
- •Creating a visual language that bridges the physical product design of the Ninebot GoKart PRO with a digital interface
Solutions
- •Used Flutter's CustomPainter API to build animated radial gauges, arc indicators, and chart widgets from scratch, achieving smooth 60fps animations on the dashboard
- •Studied the GoKart PRO's physical design language — its angles, materials, and color accents — and translated those into UI elements like angular card shapes, metallic gradient effects, and the signature red accent color
Results
Clean UI design concept for smart mobility product