El configurador de zapatillas de ciclismo es una visualización 3D interactiva que va más allá de las opciones de color y material. También profundiza en la tecnología de la zapatilla gracias a la animación 3D. La presentación final se puede compartir directamente mediante un enlace para presentaciones internas, o integrarse en el sitio web (e incluso conectarse con el proceso de pago).
El objetivo de este proyecto de zapatillas era mostrar información técnica y la innovación única mediante configuraciones interactivas.
Los elements interactivos explican:
La variante final también se puede compartir en realidad aumentada (AR) y ver en un entorno real.
El modelo se creó en Rhino y se exportó como un archivo .fbx. Debido a la complejidad de la mayoría de las superficies, en este proyecto fue necesario prestar especial atención a la topología del modelo. Por lo tanto, la zapatilla se importó a Blender para corregir el mapeado UV, asegurando que todas las texturas se aplicaran correctamente en Vectary.
Dadas las complejas y curvadas superficies de la zapatilla, la función de la iluminación es acentuar estas formas y mejorar la percepción del volumen. Para conseguirlo, las luces rectangulares son la opción preferida, ya que ofrecen un control sencillo sobre su ubicación y orientación. Como en muchos proyectos, es crucial reducir la intensidad en los ajustes de entorno para priorizar las luces locales. Añadir efectos de sombra a la fuente de luz principal mejora el realismo y el detalle de la escena.
La selección de materiales es fundamental en este proyecto. Aunque la zapatilla de ciclismo posee contornos suaves, su material principal suele ser rugoso. El objetivo era lograr un equilibrio entre la estética del plástico y la suavidad del tejido, creando un aspecto híbrido que fuera a la vez suave y resistente. La incorporación de patrones en el mapa de color refuerza el realismo del material. Tras definir el aspecto general de la textura, es fundamental hornear su mapa de luces y oclusión ambiental para introducir detalles adicionales que eleven el resultado final.
Las interacciones en esta escena se basan principalmente en hotspots, representados por imágenes 2D animadas. Estos hotspots activan animaciones como la rotación de la zapatilla para examinar los detalles de la suela o el despiece de varias partes para explorar características como la amortiguación y los tipos de malla. La animación también muestra cómo fijar las calas a la zapatilla mediante tornillos en las zonas designadas de la suela. Además, se puede acceder a un selector de materiales haciendo clic en el logotipo, lo que permite a los usuarios elegir entre las versiones en blanco y negro de la zapatilla. La información técnica está incluida en la Floating UI y se accede a ella haciendo clic en el hotspot.
