~/case-files $ open ./project-void-runner.md

VOID/RUNNER

Cyberpunk Running Experience | 2024

VOID/RUNNER - a heart-rate reactive running interface

PROJECT/OVERVIEW

VOID/RUNNER transforms fitness tracking into digital warfare. We created a running app where glitch effects respond to heart rate data, turning every workout into a cyberpunk adventure. The interface becomes more chaotic as your heart rate increases: visual feedback that makes you FEEL your performance. This is not a fitness app. This is a digital experience that happens to track runs.

CHALLENGE

Traditional fitness apps are clinical and boring. Data displayed in sterile charts. Users losing motivation after weeks. The challenge: make fitness tracking EXCITING. Make users WANT to run just to see the visuals. Turn health metrics into digital art.

SOLUTION

We built a WebGL-powered interface that visualizes heart rate through controlled chaos. Resting heart rate: clean minimalist UI. Peak exertion: full digital destruction. Real-time glitch effects. Particle systems. Sound reactive elements. Every run becomes unique visual art. Users share screenshots more than stats.

DISCOVERY & ANALYSIS

RESEARCH/PHASE

Studied cyberpunk aesthetics, running psychology, heart rate variability, visual feedback systems. Interviewed 50+ runners. Tested 20+ glitch algorithms. Found the perfect balance between chaos and readability.

CONCEPT & ITERATION

DESIGN/PHASE

Designed modular glitch system with 15+ effect combinations. Created adaptive color palette that shifts with exertion. Built custom typography that corrupts beautifully. Every element designed to be both functional AND artistic.

DEVELOPMENT & TECH

BUILD/PHASE

React Native for mobile. Custom WebGL shaders. Real-time heart rate processing. GSAP for micro-interactions. Built proprietary glitch engine. Optimized for 60fps even during intense visuals. Integration with Apple Health and Google Fit.

IMPACT & METRICS

RESULTS/PHASE

300% increase in user engagement. 85% retention after 3 months (industry average: 25%). Featured in 15+ design blogs. Users running MORE just to unlock visual modes. App Store rating: 4.8 stars. Success measured in screenshots shared.

Image

IMPACT/METRICS

300%
Engagement Increase
85%
User Retention (3mo)
4.8 / 5
App Store Rating
15+
Design Features