Designing a connected electric mobility experience, from finding a CTPOD to completing the journey. The app brings rent and lease booking, vehicle access, payments, and ride support into one coherent mobile interface.
01 — Product context
CTPOD is a mobile experience for discovering and accessing shared electric vehicles. It brings together short rentals, longer leases, wallet payments, remote controls, and support across a journey that continues well beyond the booking screen.
A rider needs to understand where a vehicle is, whether it suits the trip, how long it can be used, and what to do next. Timing, availability, range, payment, and parking all become interface decisions.
Organise the experience around the rider’s next task. Show location and time in context, reveal vehicle details before commitment, and keep the actions for an active trip within reach.
01
Choose a service, search locations, and set the trip window.
02
Evaluate a CTPOD, pay through the wallet, and scan to unlock.
03
Use controls, adjust the trip, reach support, and end at a station.
02 — Visual design
The interface uses a neutral foundation so maps, vehicle information, and trip details remain prominent. Green draws attention to primary actions and active states; red makes emergency actions and deductions distinct. Rounded cards and bottom sheets organise dense information into familiar mobile patterns.
Connected electric mobility
CTPOD
Find your ride.
Stay in control.
An interface language that feels calm before booking and actionable during the ride.
Interface hierarchy
Clear headings
Readable trip details
Distinct actions & status
03 — UI / UX design
The entry experience distinguishes Rent from Lease and places the choice next to map discovery. Location search and time selection give the rider a concrete trip context before browsing a vehicle. Vehicle details then bring identity, location, host information, reviews, and features into one decision view.
Access is a separate step after selection. The QR scanner makes the handoff between the digital booking and the physical CTPOD explicit, with a dedicated screen for unlocking the vehicle.
04 — Mobile experience
Once a trip is active, the interface shifts from choosing a vehicle to understanding its condition. Connection status, speed, battery, and remaining range establish context. Vehicle controls and nearby charging information sit alongside these readings, keeping key actions tied to the current CTPOD.
The active ride, at a glance
“A clear next step, from finding a CTPOD to completing the journey.”
05 — Continuity
The wallet separates the available balance from the transaction history, giving the rider a quick view of what can be spent and what has already moved. The transaction list uses labels, dates, amounts, and colour together so financial activity is easier to scan.
A journey can change after it starts. Lease extension returns the rider to date and time decisions, while trip completion brings attention back to the return station and parking conditions. These flows carry the same map-and-sheet pattern forward, so the next action stays familiar.
06 — Support experience
Support needs a different tone from everyday booking. The SOS flow acknowledges that an emergency request has been sent and explains the expected next steps. This gives the rider a visible response at a moment when uncertainty would be especially costly.
The screen clearly states that the emergency request has been sent. The wording reflects the system state without implying that assistance has already arrived.
Instructional copy follows the acknowledgement, helping the rider understand what to expect and what they can do while waiting.
The trip completion flow names the return conditions and station context. Clear constraints help the rider finish the journey with fewer unanswered questions.
07 — Key takeaways
The visual design connects discovery, booking, access, in-trip actions, payments, and support through a consistent mobile language. Maps, bottom sheets, clear status signals, and task-focused screens give these different journeys a familiar structure throughout the ride.
Rent and Lease clarify the service choice before the rider moves into location, time, and vehicle decisions.
Vehicle identity, reviews, host details, location, and features help the rider evaluate the choice before unlocking.
Controls, charging, extension, return, and SOS keep the experience useful throughout the ride lifecycle.
Let's collaborate to turn your business challenges into AI-powered success stories.
Get Started
