Velsen Agency Logo
Back to archive
VELSEN LAB · CONCEPT PROJECT
3D/WebGL·Sprint Year 2026

Orbis Mobility

Autonomous Urban Kinetic Systems

An immersive product story using spatial composition, 3D form, and restrained motion to make technical innovation feel tangible.

Orbis Mobility

01 / PROJECT OVERVIEW

Our RoleWebGL Engineering, 3D Interaction Design, & Technical Storytelling
Timeline7 Weeks (Lab Sprint)
Project TypeVELSEN LAB · CONCEPT PROJECT

Orbis Mobility demonstrates how complex hardware engineering can be explored interactively in the browser at 60fps across mobile and desktop.

02 / BUSINESS CONTEXT

Market Positioning & Category Dynamics

Autonomous vehicle hardware involves intricate sensor suites, battery architectures, and aerodynamics that static PDF spec sheets fail to communicate.

03 / THE AUDIENCE PROBLEM

Customer Hesitation & Decision Drag

Investors and B2B municipal partners need to evaluate vehicle engineering, but heavy 3D files often crash browsers or provide confusing, unguided orbit controls.

04 / THE CENTRAL CHALLENGE

Core Friction to Resolve

Deliver high-fidelity CAD geometry in under 2MB while choreographing guided storytelling chapters locked to scroll depth.

05 / STRATEGIC DECISION

Path of High Conviction

Structure the journey as guided chapters (Aerodynamics, Sensor Rig, Battery Architecture) rather than an uncontrolled sandbox, guaranteeing that key innovations are understood.

06 / EXPERIENCE DIRECTION

Atmospheric Composition & Micro-Interaction

Graphite metal finishes, electric violet sensor telemetry beams, and clean technical data readouts that update dynamically as the user scrolls.

07 / TECHNOLOGY DECISION

Architecture, Speed & Maintainability

Visual Tokens

Graphite metal surfaces, electric violet sensor telemetry beams, and ultra-thin technical data readouts.

Engineering Standards

Compressed Draco geometries under 1.2MB, offscreen canvas rendering, and graceful canvas fallback for low-power devices.

Stack Implemented:
Three.jsReact Three FiberGSAP ScrollTriggerWebGL ShadersNext.js

08 / KEY SCREENS & INTERACTIONS

Real-time Telemetry Viewer
Real-time Telemetry Viewer60fps WebGL model with dynamic viewport illumination and structural exploded views.

09 / DELIVERABLES PRODUCED

  • Optimized Three.js 3D chassis model (Draco compressed)
  • Chaptered scroll choreography engine
  • Interactive sensor exploded view
  • Low-power 2D photographic fallback matrix
10 / EVIDENCE & CLASSIFICATION

Outcome: A demonstration of the proposed experience. No commercial result is being claimed.

This is a Velsen Lab concept created to demonstrate our approach. The brand, brief, and outcome are fictional. It should not be interpreted as client work.

11 / WHAT REMAINS TO BE VALIDATED

Real-World Observation Metrics

Frame-rate stability across budget Android GPUs, user drop-off during interactive 3D chapters, and lead capture rates for enterprise pilots.

Need to make complex technology tangible?

Tell us about your brand's existing friction or upcoming launch. We formulate a clear scope before writing code.

No sales script. Just a focused first conversation.

DIRECT COLLABORATION

HAVE A SIMILAR CHALLENGE WORTH SOLVING?

Tell us what is not working or what you want people to feel. We will respond with a considered next step—not a generic sales pitch.

No commitment—just a way to see if there is a fit.

Surat, Gujarat, India · Direct reply within 24–48 hours · We work with a limited number of active projects at a time.