SplineCómo Koji Studio usó Spline para crear un escaparate 3D de producto
Koji Studio usó Spline para transformar los visuales estáticos de un producto en un escaparate 3D con scroll, una experiencia más atractiva y memorable que pone en valor la innovación y el oficio de su cliente.
Cuando Ori, una empresa de tecnología médica, se propuso lanzar una web para su nuevo escáner dental 3D, el reto estaba claro: ¿cómo comunicar la precisión y la innovación de un dispositivo físico de una forma igual de innovadora en internet?
La empresa quería llevar al mercado su nuevo escáner intraoral Ori, un dispositivo de escaneo dental 3D diseñado para ayudar a los dentistas a capturar en tiempo real modelos digitales muy precisos de los dientes de sus pacientes.
Con la intención de ir más allá de las imágenes y los vídeos estáticos para demostrar a sus clientes el avance técnico del producto, recurrieron a la agencia KOJI como equipo creativo para el lanzamiento.
El equipo de KOJI decidió aprovechar la integración de Spline en Webflow para crear una experiencia digital 3D interactiva que hiciera que el escáner se sintiera tan tangible en la web como en la mano de un dentista.
Un equipo de diseño full stack que apuesta por nuevas herramientas
El equipo de la agencia KOJI detrás de la presencia web de Ori Scan lo formaban Pavel, Slava, Nikita y Liza, todos ellos diseñadores experimentados con muchos proyectos de clientes a sus espaldas.
Con más de 20 años en branding, identidad y experiencias digitales, han creado de todo, desde sistemas publicitarios modulares hasta sitios narrativos inmersivos.
Su fuerza está en ser "diseñadores full stack": combinan pensamiento de producto, diseño visual, interacción y código.
Siempre estamos investigando, siempre intentando encontrar herramientas nuevas. Así es como llegamos a Spline.
Slava Sheykin, Diseñador full stack de KOJIAprovechar Spline para desbloquear la interactividad
La dirección de Ori Scan no quería otra web más de producto médico. Quería una experiencia que destacara ante su público de dentistas y profesionales sanitarios.
El equipo de KOJI vio en el 3D interactivo el mejor medio para destacar la innovación del escáner, y la elección de Spline fue igual de deliberada.
El equipo sabía que necesitaba flexibilidad para iterar rápido, optimizar el rendimiento y presentar el diseño del escáner de forma interactiva en todos los dispositivos.
Spline estaba por todas partes en la comunidad de diseño. Este proyecto era la oportunidad perfecta para usarlo por fin, y la integración fluida con Webflow hizo la decisión aún más fácil.
Pavel Dergachev, Fundador y director creativo de KOJIEl proceso de diseño: del CAD y la optimización de polígonos a una experiencia web pulida
El proceso empezó con los archivos CAD técnicos de Ori Scan, que la agencia refinó y optimizó antes de llevarlos a Spline.
El flujo fue iterativo: ajustar el número de polígonos, los materiales y la iluminación para lograr el equilibrio entre un resultado visualmente atractivo y un rendimiento fluido en la web.
Spline unió la parte técnica y la creativa del proceso. Sus herramientas de rendimiento dieron al equipo una visión clara de la optimización de los modelos, garantizando una integración fluida en todos los dispositivos. El sistema de eventos hizo sencillo configurar el movimiento interactivo, y las versátiles herramientas de materiales e iluminación ayudaron a refinar el aspecto del producto para que resultara pulido y realista en la web.
¿Uno de los detalles más destacados? El modelo 3D de los dientes. Para mostrar el escáner en acción, el equipo modeló en Spline unos dientes de aspecto natural, un toque esencial para que la demo resultara auténtica.
Esta atención al detalle llevó la demo más allá de una simple muestra técnica. Al combinar realismo e interactividad, el equipo creó un relato de producto auténtico, atractivo y directamente conectado con cómo los dentistas usarían de verdad el escáner.
Fue divertido, pero también crucial. Como el propósito del escáner es escanear dientes, el modelo 3D tenía que verse y sentirse natural.
Liza Grin, Productora digital de KOJI
Integración con Webflow
El equipo de KOJI se apoyó en Spline para dar vida al producto Ori Scan y en la integración nativa de Spline con Webflow para implementar los recursos 3D en la web sin fricciones.
Esto permitió combinar animaciones con scroll y 3D interactivo, de modo que los visitantes pudieran girar y explorar el escáner a medida que recorrían la página.
Es muy sencillo y rápido. La curva de aprendizaje es baja; hasta los diseñadores junior pueden ponerse a integrar 3D en Webflow.
Pavel Dergachev, Fundador y director creativo de KOJI
Por qué importa la interactividad
Para Ori Scan, un escaparate 3D interactivo del producto no era solo una cuestión de estética, sino de claridad e impacto. Al permitir que los clientes recorran el producto con scroll, lo giren y exploren sus funciones en contexto, crearon una experiencia que iba mucho más allá de lo que podían lograr la fotografía o el vídeo estáticos.
La interactividad lo cambia todo. Hace que el producto se sienta real. Y, lo más importante, ayuda al cliente a contar su historia de una forma que resulta innovadora.
Pavel Dergachev, Fundador y director creativo de KOJIEmpieza con Spline
El equipo de KOJI sigue experimentando con Spline. Para ellos, este proyecto marcó el inicio de una nueva etapa en la que el 3D y el diseño interactivo no son un "extra", sino algo esencial para contar la historia de un producto.
Es un ejemplo visualmente impresionante de cómo la interactividad puede convertir el diseño de producto digital en una experiencia que se siente real.
