D-GO — Technical data that reads like a story

Video — D-GO — Technical data that reads like a story

A website for D-Go, a direct-drive motor for cargo bikes · Product website · 3D · E-mobility

Client
D-Go
Role
Web development and 3D technical direction
Timeline
Client project
Stack
Frontend development, 3D graphics, Scroll-driven animation, UX/UI design

D-Go is a premium electric motor for cargo bikes. Its value lies in the engineering: torque, integration, direct drive. Everything that makes it good is hard to tell. The website was developed with the Stimulo Design Studio marketing team to solve exactly that — presenting complex technical information clearly and visually, without diluting it.

The problem: A spec sheet doesn’t sell engineering

Presenting complex technical data clearly and visually is the central challenge of the project. A specifications table is precise and communicates nothing; sales copy communicates and loses the precision that justifies the price of a premium product.

scroll → technical narrative: 3D motor assets → Technical script by section → User scroll → Narrative sync → 3D render per segment → Technical data layers → Product CTA

Solution: 3D graphics synced with the scroll

3D graphics were created and several narratives were synced with the user’s scroll. By handing control of the tempo to the visitor, the technical content stops being an imposition and becomes exploration — with notably more positive engagement with information that, in a static format, gets abandoned.

Product decisions

  • my role: UX/UI · Frontend development · End-to-end site development
  • context: A project developed in collaboration with the Stimulo Design Studio marketing team. Public product site — d-go.eu
  • key design decision: Syncing several narratives with the user’s scroll. The visitor controls the tempo of the technical story: they move on once they’ve understood, and stop when they want to look.
  • communication challenge: A direct-drive motor is explained with unintuitive concepts. 3D graphics make it possible to show the mechanism instead of describing it.

Results

  • 3D — custom graphics to explain the mechanism
  • 1:1 — scroll and narrative in sync — the user sets the tempo
  • d-go.eu — public product site in production

"When the user controls the tempo of the story, technical information stops being an obstacle and becomes the reason they stay."

What was learned

  1. Handing over control of the tempo changes the relationship with dense content. An autoplay video imposes a rhythm; scroll negotiates it. In a technical product, that difference decides whether the visitor reaches the end of the page.
  2. 3D shows the mechanism; text only describes it. A direct-drive motor is understood by seeing it work. The animation isn’t ornament — it is the explanation.
  3. Working with the marketing team from the start avoids rework. The narrative script and the technical implementation were designed together; the scroll structure is the structure of the message.

More cases

  • STORYPRINTS — Eight answers from a parent turned into a physical object in two minutes
  • VAMPMAKER — A SaaS that prepares the role-playing session before the session starts
  • BRANDAI — Brand identity that is portable across AI tools
  • RBT.STUDIO — When the product is you
  • AIMPLAS — A 3D tablet app that accompanies a real helmet and scooter
  • THE SMART LOLLIPOP — A landing page for The Smart Lollipop, a children’s health device
  • EONIA — The missing layer of biological decision between measuring and intervening
  • EL ÚLTIMO ZARPE — A roguelike without meta-progression, where only understanding accumulates
  • PHOTOGRAPHY · ART DIRECTION — A visual grammar, not a style — from the medium-format negative to the printed book
  • NOTJUSTCODE — Vision, design and market reviewed inside the editor, against the repository
  • SDD HARNESS — A 5-phase wizard so agents build what I had in my head

The fourth ink

Tell me about the project. I reply within 24 hours, from Barcelona.

contact@rbt-studio.com