CASE STUDY
Mobilogix
Designing a 0→1 Connected Motorcycle Tracking Experience
An iOS app that let motorcycle owners find, track and remotely control their bike, designed from scratch as the sole designer.
THE PROBLEM
WHAT I OWNED
THE OUTCOME
01 — CONTEXT
Connecting Motorcycle Owners to Their Bike
Mobilogix was a 0→1 connected motorcycle product. The iOS app paired with the MT4200 tracker, which linked the bike to the platform through GPS and cellular data.
As the sole UI/UX Designer, working with the CTO and one developer, I defined the product from early requirements through flows, wireframes, UI, prototyping, components and handoff.
Locate
Track
History
Engine Control
02 — CHALLENGE
Making Connected Vehicle Technology Feel Simple
The Core User Questions
- Where is my motorcycle?
- Is it moving?
- Where has it been?
- Can I remotely control the engine if needed?
No Product to Inherit
Digital Actions, Physical Results
03 — APPROACH
Designing Around User Intent
I organized the app around what owners wanted to do, not how the technology worked. Location became the foundation, and every other task built from it.
01 — Location First
02 — One Map, Every Task
03 — Hide the Tech
04 — Clear Device States
04 — PROCESS
From Requirements to Product Experience
01 — Define
02 — Wireframe
03 — Design
04 — Prototype & Hand Off
05 — WIREFRAMES
Defining the Core Connected Experience
Before moving into high-fidelity UI, I mapped the primary workflows required to connect the tracker, access the motorcycle, monitor location, review activity, and control the engine remotely.
The wireframes helped establish navigation, information hierarchy, map behavior, connected-device states, and the relationship between the product’s four core capabilities.
KEY DECISION
Prioritize Essential Controls. Reduce Navigation Friction.
I placed four essential actions (Locate, Track, Engine Control and History) directly on the home screen, giving riders immediate access to monitoring, security controls and ride activity without navigating through multiple screens.
01 — Pair Tracker
02 — Home
03 — Locate
04 — Track
05 — Engine Control
06 — Engine Disabled
07 — History
06 — SOLUTION
Turning Connected Hardware Into a Simple iOS Experience
The final Mobilogix experience connected the physical motorcycle, MT4200 tracker, and iOS app within one product ecosystem.
Instead of requiring users to understand how the underlying tracking technology worked, the interface translated connected vehicle data into four simple actions:
Locate. Track. Review History. Control the Engine.
The final interface used a consistent map-based experience, clear motorcycle status information, reusable interaction patterns, and prominent controls for the tasks owners were most likely to perform.
01 — Pair Tracker
02 — Home
03 — Locate
04 — Track
05 — Engine Control
06 — Engine Disabled
07 — History
07 — DESIGN SYSTEM
Creating the Product Language From the Ground Up
Because Mobilogix was 0→1, I built its design system from scratch, giving development reusable components and specs that could scale as the product grew.
- Color
- Typography
- Iconography
- Tokens
- Spacing
- Buttons
- Navigation
- Components
07.1 — Design System
07.2 — Components
07.3 — Icongraphy
08 — IMPACT
From 0→1 Product to Acquisition
SHIPPED 0→1
From requirements to launch
DESIGN SYSTEM
Built from scratch
Color system, components and icon set reused across all seven core screens, from Pair Tracker to History.