Te presentamos Vectary Canvas, un nuevo espacio para la ideación acelerada por AI. → Canvas

Crea tu propio configurador 3D

Muestra interactiva de productos que no necesitas externalizar.

Los configuradores hacen referencia a una escena o un objeto con un conjunto de puntos de control interactivos que permiten al usuario interactuar y descubrir información adicional, opciones y variaciones del producto.

La interacción con un configurador de productos puede ser el factor decisivo en el proceso de compra. También puede ser la herramienta ideal para mostrar un diseño de producto capaz de transformar un negocio. Ofrece muchísima información y, al mismo tiempo, está totalmente orientado al usuario.

Ahora, en Vectary, puedes crearlos rápidamente con la ventaja añadida de poder integrarlos directamente en la web.

¿Qué puedes diseñar en un configurador 3D?

Es posible crear un configurador 3D con la ayuda de tres herramientas: Floating UIs y elementos de contenido, Hotspots y Object Switcher. Estos son los componentes interactivos y personalizables.

UI flotante

UI flotante es un contenedor para el contenido del configurador. Los ajustes de visualización son personalizables según el contenido que deban mostrar. Elementos de contenido de la UI son bloques de la UI flotante que muestran distintos tipos de datos: materiales, colores, listas de objetos, imágenes, texto y botones. Cada elemento necesita su propio diseño para responder a la interacción del usuario.

Ejemplos de UI flotantes: selector de materiales y anotación con botón de llamada a la acción

Hotspot

Un hotspot es un activador para que aparezca la UI flotante. El propio hotspot se puede personalizar: ubicación, diseño y animación.

Selector de objetos

Selector de objetos es una herramienta que te permite mostrar, ocultar o cambiar objetos enteros o grupos de objetos, incluyendo luces y hotspots.

Cualquier objeto de la escena se puede alternar o hacer invisible

¿Cuáles son las ventajas de usar configuradores?

El uso de configuradores ofrece todo el potencial de combinar el diseño 3D y la web para atraer a los clientes o responder a las necesidades de negocio. Interactuar con el producto en un visor 3D es la mejor manera de crear una experiencia de usuario memorable.

Los configuradores también se pueden integrar en todo el proceso de diseño de producto. Desde la lluvia de ideas hasta la investigación de usuarios, el prototipado, la redacción de especificaciones e incluso la prueba de muestras.

Los configuradores pueden hacer que incluso un elemento 3D incrustado en la web sea más atractivo. Por ejemplo, los hotspots son elementos totalmente personalizables. Se pueden transformar en iconos animados personalizados utilizando archivos Lottie y GIF como materiales animados.

¿Dónde puedes usar un configurador?

E-commerce

E-commerce es el primer lugar y el más obvio para usar un configurador de productos. Fomenta la participación al invitar a interactuar directamente con el producto. Los usuarios pueden cambiar colores, materiales e incluso partes del objeto para elegir la opción que prefieran. Cada interacción se puede ajustar para mostrar no solo las opciones estéticas, sino también el funcionamiento. Sabemos que las decisiones de compra se toman online. Al usar configuradores de productos, este proceso de decisión se acelera.

Presentación de productos

Presentación de productos se puede mejorar con un configurador. Permite mostrar diversos tipos de información sin ocupar mucho espacio en la página. Se pueden añadir descripciones de texto largas o cortas, así como enlaces a las páginas correspondientes. También es posible mostrar la modularidad de un producto añadiendo o quitando componentes de unión. Esta presentación no se limita únicamente a productos: se puede incluir en escenas y entornos completos, como en arquitectura, paisajismo, moda y en muchos sectores B2B.

Prototipos

Un configurador de productos se puede utilizar como un posible sustituto de un prototipo. Es un estudio en 3D de una idea sin las complicaciones de tener que producirla. Es la solución ideal para cualquiera que presente sus diseños para buscar financiación en plataformas como Kickstarter. El configurador ofrece visualización e información sin necesidad de contar con el prototipo real, y en un formato fácil de integrar en cualquier sitio web. Además, puedes insertar tu presentación de producto configurable en Pitch, Miro o Notion.

Herramientas educativas

El uso de configuradores como Herramientas educativas también es cada vez más frecuente. El modelo de aula digital no solo es apto para colegios, sino también para uso interno en empresas y organizaciones. Lo mejor de todo es que el usuario puede explorar una escena y descubrir la información en ese entorno 3D. La extensión de la información en texto puede sustituir fácilmente a las múltiples páginas que se necesitaban antes.

Ejemplos de configuradores de productos 3D

Echa un vistazo a estos ejemplos de configuradores 3D. Algunos se han creado como proyectos de muestra en Vectary para que puedas clonarlos en tu espacio de trabajo de Vectary, abrirlos en Vectary Studio y aprender cómo se hicieron.

Un configurador de secador de pelo con interacciones modulares y anotaciones.

Un configurador de hebilla con interacciones de hotspots y selector de materiales.

Un configurador 3D de carrito de bebé con selector de materiales, UI flotante, interacciones y animaciones.

Un configurador 3D de dron con selectores de materiales, UI flotante y animación 3D al hacer clic.

Un configurador 3D de auriculares que muestra la UI flotante, donde toda la escena se configuró como un selector de objetos.

Una demo de configurador 3D de auriculares del tutorial de Vectary, donde puedes ver hotspots animados personalizados con un selector de materiales y anotación. Además, incluye un selector de objetos en la UI flotante para mostrar y ocultar un accesorio.

Configurador de purificador de aire que muestra hotspots animados personalizados que activan UI flotantes con selector de objetos, selector de materiales y anotación.

Crea tu propio configurador 3D

Con la última actualización de funciones, ahora es posible diseñar un configurador en Vectary que sea intuitivo, rápido y fácil de usar. Funciona en cualquier dispositivo, directamente en el navegador, con diseños creados o importados. Para empezar, mira nuestra serie sobre UI flotante personalizada.

Vectary requiere una suscripción a los espacios de trabajo Pro o Business para compartir o integrar el configurador online. Vectary también ofrece un servicio completo para empresas que quieran explorar los configuradores de productos, pero que no dispongan de recursos internos. Si este es tu caso, ponte en contacto con nosotros.

Empieza a crear configuradores
Pruébalo ahora