Cómo Lynksen dio vida con Spline a la web de una plataforma B2B compleja

Elecctro crea sistemas de software para servicios desatendidos, como máquinas expendedoras, cargadores de vehículos eléctricos y túneles de lavado automáticos. Su producto abarca del hardware al software y ocupa un rincón del mercado que tradicionalmente se ha comunicado con fichas técnicas densas y diagramas técnicos dirigidos a compradores B2B. Su misión es modernizar los servicios desatendidos con soluciones inteligentes y conectadas.

Elecctro necesitaba una web. Pero no una web cualquiera. Una que mantuviera la atención de un comprador el tiempo suficiente para explicar de verdad lo que hacen, que los diferenciara visualmente de decenas de empresas parecidas y que llevara a los visitantes rápidamente hacia una decisión.

"Necesitaban transmitir mucha información", cuenta Tania, project manager de Lynksen, la agencia de diseño digital a la que se recurrió para rehacer la experiencia web. "Pero también querían destacar en un nicho muy técnico".

La respuesta no era más contenido. Era un tipo de interfaz interactiva completamente distinta.

Una página de inicio para explorar, no solo para leer

La idea central de Lynksen era engañosamente sencilla: dejar que los usuarios exploren el sistema, en lugar de explicarlo solo con palabras.

La página de inicio se convirtió en una escena 3D interactiva. Una vista espacial de toda la familia de productos de Elecctro sobre la que los usuarios pueden pasar el cursor, hacer clic y navegar a su ritmo. Cada recurso de la escena está conectado con su propia página de producto. El camino de "¿qué es este producto?" a "estoy listo para hablar" se redujo a unos pocos clics.

Los usuarios pueden ir a la página de inicio, verlo todo, hacer un solo clic y ya avanzar hacia darle a Elecctro la información que necesita.

Fue un cambio importante. La mayoría de las webs B2B tratan la página de inicio como un índice. Lynksen construyó la de Elecctro como un entorno: algo que recorres en lugar de leer de arriba abajo.

¿Por qué Spline?

La visión estaba clara, pero ¿cómo hacerla realidad?

Las herramientas 3D tradicionales quedaban descartadas. Solo la curva de aprendizaje se habría comido el proyecto. Y, sobre todo, el equipo de Elecctro tenía que poder mantener el sitio tras el lanzamiento. Eso significaba nada de pipelines opacos, nada de depender de artistas especializados, nada de herramientas que exigieran meses de formación solo para cambiar un recurso.

Lynksen evaluó Spline y vio otro camino:

• Crear e iterar en un solo entorno.
• Prototipar las interacciones directamente en la herramienta.
• Entregar recursos listos para producción sin una cadena de traspasos compleja.

Pasamos de no tener casi experiencia a entregar un proyecto completo a la primera.

Lo que lo hizo posible no fueron solo las herramientas. Fue la comunidad. Antes de escribir una sola línea de código, el equipo de Lynksen pasó tiempo en la biblioteca de la comunidad de Spline: explorando remixes, entendiendo cómo otros diseñadores abordaban las interacciones e identificando técnicas que podían adaptar para el proyecto de este cliente.

Tener un sitio como la comunidad de Spline, con proyectos distintos y la posibilidad de remezclarlos para ver cómo la gente abordaba distintas interacciones, nos ayudó muchísimo en la parte formativa.

Para Elecctro había otro factor: la longevidad.

Querían una solución de la que su equipo pudiera hacerse cargo de verdad tras el lanzamiento.

No hace falta tener muchos conocimientos técnicos para añadir un objeto, crear otra interacción y mantener el proyecto cuando lo entregamos. Para nosotros fue una ventaja clave.

Construir la experiencia

El proceso de Lynksen empezó sin ningún movimiento.

Wireframes estáticos. Layouts de interfaz planos. Una jerarquía de información clara, establecida antes de introducir una sola animación. Solo cuando la estructura era sólida el equipo empezó a añadir capas.

"Siempre empezamos con lo estático y luego añadimos la animación capa a capa", dice Tania. "Definimos los estados clave en wireframes y bocetos, y durante la implementación ajustamos los movimientos de cámara, jugamos con las animaciones y nos aseguramos de que todo encaje como esperamos".

Esta disciplina evitó que el proyecto se hundiera bajo su propia ambición. El equipo mantuvo un principio de diseño sencillo: el movimiento está al servicio del relato.

En la práctica, esto significó:

• Estados hover sutiles y microinteracciones en los recursos 3D
• Apariciones con scroll que guiaban la atención sin exigirla
• Transiciones de cámara que orientaban a los usuarios en lugar de deslumbrarlos
• La creatividad más expresiva, reservada para momentos secundarios (el pie de página, la página 404), donde las pequeñas sorpresas encantan en lugar de distraer

La página 404 se convirtió en una de las favoritas del equipo. Construida íntegramente en Spline, permite a los usuarios hacer clic para descubrir recursos 3D ocultos. Un pequeño easter egg que la mayoría de los visitantes nunca encontrará, pero que el equipo de Lynksen se lo pasó en grande creando.

"Mola esconder un pequeño easter egg", dice Ross. "Si alguien lo encuentra, como diseñadores nos haría muy felices".

Detalle de los iconos 3D usados en el menú de navegación de la web.

Los resultados

La web rediseñada se lanzó y las cifras se movieron de inmediato.

Los usuarios activos crecieron un 524 % y el proyecto recibió 5 premios.

El sitio sumó 20.000 visitas nuevas y la comunidad de diseño se fijó en él.

Esos resultados reflejaban algo que el equipo había construido a propósito: no solo una web bonita, sino una realmente eficaz. Una que funcionaba para los compradores que necesitaban claridad y para un equipo cliente que tenía que mantenerla sin un desarrollador a tiempo completo de guardia.

Para los equipos que se plantean el 3D

Para los equipos que se plantean el 3D en la web por primera vez, el consejo de Tania es sencillo: no empieces con las herramientas tradicionales.

Con Spline, la curva de aprendizaje es asumible. En pocos días, alguien con conocimientos de diseño puede ponerse con ello. Nuestro equipo produjo un MVP sólido en la primera semana de uso.

Ross lo plantea como un cambio más amplio en cómo los equipos pueden abordar el 3D: en lugar de combinar varias herramientas y flujos complejos, pueden diseñar, iterar y entregar en un solo entorno, lo que hace que el 3D interactivo resulte mucho más accesible desde el principio.

Si quieres trabajar en un solo entorno sin conocimientos muy técnicos y poder entregar lo que ves, elige Spline.

Para las agencias de diseño que proponen experiencias web interactivas a sus clientes, el proyecto ofrece una prueba convincente: con la herramienta adecuada, puedes pasar de no tener experiencia a una web premiada en un solo proyecto.

Empieza con Spline

Como Lynksen, las agencias pueden aprovechar Spline para ayudar a sus clientes a comunicar productos complejos con experiencias interactivas más fáciles de entender, más fáciles de mantener y más memorables.

Para Elecctro, eso significó convertir una plataforma B2B técnica en una web interactiva que aclaraba el producto, aceleraba la toma de decisiones y ayudaba a la marca a destacar en un mercado saturado.

Tanto si eres una agencia que trabaja para un cliente como un equipo interno, Spline te ayuda a pasar de la idea a producción más rápido, sin un pipeline 3D complejo ni conocimientos técnicos especializados.

Habla con ventas