Flutter Ninebot Gokart PRO UI

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.

Stack

Flutter · Dart · UI/UX Design

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

Outcome

Clean UI design concept for smart mobility product