SplineCómo Resend creó una marca tangible con diseño 3D en Spline
Resend usa Spline para convertir una infraestructura abstracta en experiencias 3D interactivas, aportando claridad y oficio a su marca para desarrolladores.
En Resend, el diseño no es algo superficial: es una parte esencial de cómo se ganan la confianza de los desarrolladores. Como plataforma que simplifica el email transaccional y de marketing para los equipos de desarrollo modernos, Resend sabe que su público valora la claridad, la precisión y el detalle.
Para el diseñador fundador Zeh Fernandes, hacer tangibles esos valores, sobre todo en un producto de infraestructura abstracto, implicaba ir más allá del diseño plano. Así que, cuando llegó el momento de reimaginar la identidad visual de Resend en la web, la interactividad 3D no fue solo un adorno. Se convirtió en una estrategia.
Queríamos demostrar a nuestro público que nos importan los detalles. El diseño es parte de nuestro producto. Con Spline podemos crear objetos 3D reales e interactivos que hacen que nuestra infraestructura se sienta tangible.
Zeh Fernandes, Diseñador fundador de ResendEl cubo con el que empezó todo
Si has visitado la página de inicio de Resend, lo habrás visto: un elegante cubo de Rubik negro e interactivo que gira en la landing. No solo llama la atención. Se ha vuelto icónico, tanto que Resend imprimió en 3D versiones reales y se las envió a sus primeros clientes. ¿Ese cubo? Creado en Spline.
"Empezamos con una versión de la comunidad de Spline y la fuimos evolucionando", cuenta Zeh. "Hemos actualizado sus materiales, su iluminación y su estilo para reflejar cómo ha crecido nuestra marca. ¿Y lo mejor? Todo es el mismo archivo".
Gracias a la integración fluida de Spline con React, el equipo de Resend pudo insertar el cubo directamente en su web sin escribir código 3D de bajo nivel.
Antes de Spline, habríamos necesitado un desarrollador solo para encargarse de la integración 3D. Ahora podemos trabajar en paralelo. Los diseñadores se centran en crear los recursos, y los ingenieros no tienen que reconstruirlos desde cero.
Zeh Fernandes, Diseñador fundador de ResendUn sistema de diseño 3D para marketing
El cubo fue solo el principio. Spline se convirtió rápidamente en la herramienta de referencia para los recursos de marketing de Resend, desde iconos animados hasta composiciones principales que responden a las pulsaciones de teclas.
Durante sus "Launch Weeks", el equipo usó Spline para crear visuales 3D adaptados al lanzamiento de cada día. Por ejemplo, al presentar un nuevo modo claro, crearon una forma de cristal radiante bañada en luz, diseñada y renderizada íntegramente en Spline.
Resend también aprovecha el sistema de eventos de Spline para añadir detalles interactivos y divertidos a sus recursos insertados, como animaciones que se lanzan con el ratón y el teclado, que encantan a los usuarios más observadores.
El 3D nos ayuda a comunicar ideas abstractas. Aporta materialidad a nuestra infraestructura digital. Hace que nuestro producto se sienta real. Los desarrolladores se fijan en esas cosas. Pasa a formar parte de la experiencia
Zeh Fernandes, Diseñador fundador de ResendUna identidad visual viva
El sistema de diseño 3D de Resend sigue evolucionando, y Spline sigue en el centro.
"Estamos apostando aún más por la materialidad", dice Zeh. "Nos ayuda a visualizar algo intangible, como la infraestructura. Y si Spline sigue mejorando la calidad, sobre todo de los materiales, seguiremos ampliando cómo lo usamos".
Ya sea un elegante visual para la página de inicio, una animación para una launch week o un conjunto de iconos 3D, la identidad visual de Resend ha encontrado en Spline un aliado creativo.
Es más que decoración. Es nuestra forma de demostrar que nos importan los detalles. Y eso es algo que nuestros usuarios notan.
Zeh Fernandes, Diseñador fundador de ResendEmpieza con Spline
Desde que adoptó Spline, Resend ha transformado cómo establece y comunica su identidad visual de marca, lo que ha aumentado su reconocimiento.
La plataforma ha simplificado su proceso de diseño 3D, eliminando barreras técnicas y permitiendo al equipo prototipar, iterar y publicar rápidamente visuales interactivos que aportan claridad y profundidad a su experiencia de producto para desarrolladores.
