Interaction Design Case

Architecture of Modern Sound.

RoleInteraction Designer

Timeline2025 — 2026

React Native

Libp2p / BLE

TF Lite AI

Rust / WASM

01: Identification

The Bandwidth Barrier

Churn analysis identified high data costs as the primary growth blocker in regional markets. We pivoted the core architecture to a P2P mesh-networking model for zero-data discovery, allowing users to sync music locally without cellular infrastructure reliance.

Prototype Interaction

Discovery Interface

Burna Boy
Mesh Found

Wizkid
Syncing…

Tems
Mesh Found

02: Research

Synthetic Gaze Testing

AI-driven heatmapping and persona stress-testing validated the interaction framework before the first line of production code was written.

Neural Gaze Prediction

Attention span on core discovery CTA increased by 30%.
Central focal-path UI optimization for single-hand use.

Persona Stress-Testing

10,000 simulated user journeys across low-connectivity profiles.
Handshake stability validation for dense urban environments.

03: Iteration

Refining the Pipeline

Logic & Performance

BLE Handshake latency reduced to < 1s.
Total sync latency reduced by 40% via binary protocols.
Implemented SQLite Lazy-loading for massive libraries.

Interaction & UI

Haptic Sync Feedback for mesh-connect confirmation.
Adaptive Dark Mode Engine based on local solar time.
Motion Blur Transition UI for hardware fluidity.

Metric	V1.0 MVP	V2.0 Refined
Mesh Discovery	Manual (5-8s)	Passive (< 1s)
P2P Success Rate	55% Rate	92% Rate
Engine Size	15MB JS	2.2MB Rust

04: Impact

45% Market Capture

Market dominance achieved within 120 days post-launch via the discovery engine.