A Reskin Is Not a Small Thing
EV Experience
Overview
The companion app for Matter's electric motorcycles. It's how riders check range, charging, ride data, and diagnostics, and how internal teams manage the fleet
My Role
Led the V2 visual overhaul of Matterverse — Matter's EV companion app — rebuilding the look against a new brand book. Owner controls held flow-for-flow; key Experience screens reworked outright.
Platform
iOS and Android.
Two mandates, not one
Two products wearing one app
The work
Own & Experience
Decisions I'd defend
One system, two platforms, zero drift. Components over screens — how V2 stayed identical across iOS and Android without policing every screen by hand.
Density is a brand decision. My Matter runs tighter and calmer; Experience gets more air and more spectacle. Same system, dialed differently.
Motion is connective tissue, not garnish. Transitions were specced as part of the visual system from the start, so the feel survived handoff instead of dying in the build.
IMAGE · A 3–4 frame still sequence of one signature transition.
Translating Telemetry into Meaning
One of the biggest design challenges was simplifying technical vehicle data into something emotionally understandable.
Rather than overwhelming riders with dense telemetry, the experience focused on meaningful ownership insights — ride efficiency, charging behavior, ride history, and battery patterns that could be understood at a glance.
The objective wasn’t maximum information density. It was clarity.
This balance became especially important because riders often interacted with the app in low-attention environments: outdoors, during transit stops, or while multitasking. The interface needed to feel lightweight and instantly readable.
Motion, Feedback & Interaction Design
Motion played a functional role throughout the product.
Animations and micro-interactions weren’t treated as decoration — they became part of the communication layer. Subtle transitions, haptic feedback, and responsive state changes helped reduce perceived latency and reinforce user confidence during remote interactions.
This became especially important during:-
Charging state transitions
Remote lock/unlock
Syncing states
Route transfers
Some motion systems were ultimately not shipped, but they strongly shaped the interaction language and emotional tone of the experience.
As the product matured, consistency became critical. Connected experiences already introduce uncertainty — the interface itself couldn’t feel inconsistent on top of that.
I helped define reusable interaction patterns and scalable UI foundations across telemetry cards, action states, status indicators, bottom sheets, and navigation systems.
The project also required close collaboration with engineering teams due to backend limitations, connectivity edge cases, and asynchronous system behavior. Many interaction decisions were shaped directly around real-world technical constraints rather than idealized product flows.
Outcome
MatterVerse shipped publicly across Android and iOS, establishing the UX foundation for Matter’s connected ownership ecosystem.
The project improved engagement across ownership flows during testing while reducing ambiguity around remote system states through clearer feedback patterns and interaction design.
More importantly, it reframed the role of the companion app itself — from a vehicle utility into an experience centered around confidence and ownership.
Usability Testing
Key Insights
1. Core utility flows are intuitive
Primary vehicle interaction tasks were completed quickly with minimal hesitation.
2. Service ecosystem needs stronger information architecture
Maintenance and service-related tasks were harder to locate.
3. Navigation labels need clearer mental mapping
Overlap between Care, Support, and Menu caused decision friction.
4. Critical transactional actions lack visibility
Final payment and historical service access need stronger visual priority.