D-GO — Datos técnicos que se leen como relato
Web para D-Go, un motor direct-drive para bicicletas de carga · Web de producto · 3D · Movilidad eléctrica
- Cliente
- D-Go
- Rol
- Desarrollo web y dirección técnica 3D
- Periodo
- Proyecto de cliente
- Stack
- Frontend development, 3D graphics, Scroll-driven animation, Diseño UX/UI
D-Go es un motor eléctrico premium para bicicletas de carga. Su valor está en la ingeniería: par, integración, transmisión directa. Todo lo que lo hace bueno es difícil de contar. La web se desarrolló con el equipo de marketing de Stimulo Design Studio para resolver exactamente eso — presentar información técnica compleja de forma clara y visual, sin diluirla.
El problema: La ficha técnica no vende ingeniería
Presentar datos técnicos complejos de forma clara y visual es el reto central del proyecto. Una tabla de especificaciones es precisa y no comunica nada; un texto comercial comunica y pierde la precisión que justifica el precio de un producto premium.
scroll → narrativa técnica: Assets 3D del motor → Guion técnico por secciones → Scroll del usuario → Sincronización de narrativas → Render 3D por tramo → Capas de dato técnico → CTA de producto
Solución: Gráficos 3D sincronizados con el scroll
Se crearon gráficos 3D y se sincronizaron varias narrativas con el desplazamiento del usuario. Al ceder el control del tempo al visitante, el contenido técnico deja de ser una imposición y se convierte en exploración — con un engagement notablemente más positivo hacia información que, en formato estático, se abandona.
Decisiones de producto
- mi rol: UX/UI · Desarrollo frontend · Desarrollo integral del sitio
- contexto: Proyecto desarrollado en colaboración con el equipo de marketing de Stimulo Design Studio. Sitio público de producto — d-go.eu
- decisión de diseño clave: Sincronizar varias narrativas con el scroll del usuario. El visitante controla el tempo del relato técnico: avanza cuando ha entendido, se detiene cuando quiere mirar.
- reto de comunicación: Un motor direct-drive se explica con conceptos poco intuitivos. Los gráficos 3D permiten enseñar el mecanismo en lugar de describirlo.
Resultados
- 3D — gráficos propios para explicar el mecanismo
- 1:1 — scroll y narrativa sincronizados — el tempo lo marca el usuario
- d-go.eu — sitio público de producto en producción
"Cuando el usuario controla el tempo del relato, la información técnica deja de ser un obstáculo y pasa a ser el motivo por el que se queda."
Qué se aprendió
- Ceder el control del tempo cambia la relación con el contenido denso. Un vídeo autoplay impone un ritmo; el scroll lo negocia. En producto técnico, esa diferencia decide si el visitante llega al final de la página.
- El 3D enseña el mecanismo; el texto solo lo describe. Un motor de transmisión directa se entiende viéndolo funcionar. La animación no es adorno — es la explicación.
- Trabajar con el equipo de marketing desde el inicio evita rehacer. El guion narrativo y la implementación técnica se diseñaron a la vez; la estructura de scroll es la estructura del mensaje.