Proyecto en curso · noviembre de 2026
MOOSBY: probador virtual con IA para Shopify
Probador virtual propio e integrado en la tienda Shopify de MOOSBY. El cliente podrá elegir una camisa del catálogo, subir su fotografía, obtener una simulación visual generada con IA y continuar la compra en la tienda.
El proyecto
- Sector
- Camisería
- Plataforma
- Shopify
- Estado
- En curso, noviembre de 2026
- Primera validación
- Camisa azul marino de popelín
Dos accesos al probador
Menú principal
«PROBADOR VIRTUAL» en la navegación superior, con la misma tipografía y estética del menú actual de la tienda.
Ficha de producto
El botón «Probador virtual» en cada camisa compatible, para probar directamente la que se está viendo.
El enlace del menú abre una página propia donde el cliente explora las camisas compatibles y entra en el probador.
Recorrido del cliente
- Paso 01
Entra en el probador
Desde el enlace del menú principal o desde el botón «Probador virtual» de una ficha de producto.
- Paso 02
Selecciona la prenda
Entre las prendas compatibles de tu catálogo.
- Paso 03
Elige el color
Entre los colores disponibles de esa prenda.
- Paso 04
Sube una fotografía
Desde el móvil o el ordenador, con instrucciones de uso y aviso de privacidad.
- Paso 05
Genera la imagen
La IA crea el resultado. Se muestra el estado mientras tanto y los errores se gestionan con reintentos controlados.
- Paso 06
Compara el resultado
Con el comparador antes/después, deslizando la línea.
- Paso 07
Elige su talla
Con las variantes reales de la tienda.
- Paso 08
Añade al carrito
Y sigue comprando con normalidad.
Puede cambiar de prenda en la misma sesión sin volver a subir la foto, mientras esta siga disponible temporalmente.
Primera validación
Camisa azul marino de popelín
Otros modelos probados
Tres modelos generados con IA (no son personas reales) y las cinco camisas de MOOSBY. Elige modelo y camisa y desliza la línea para comparar.
Tecnología del proyecto
Interfaz a medida
React y TypeScript, responsive y adaptada al estilo de tu marca.
Backend propio
Node.js con autenticación, control de uso, generación asíncrona y registro técnico.
Motor visual validado
Un proveedor de IA probado con prendas reales. En MOOSBY trabajamos con FASHN AI.
Catálogo conectado
Productos y variantes compatibles salen de tu tienda. No hay que mantener una segunda tienda.
Panel de administración
Productos habilitados, generaciones, errores y consumo.
Control de costes
Límites de uso y de peticiones para que el gasto en generación esté acotado.
Privacidad y criterios de calidad
Privacidad
- Las fotografías se tratan como datos personales.
- Almacenamiento temporal y privado de las fotos.
- Borrado automático programado de las imágenes temporales.
- Minimización de datos: solo lo necesario para generar la imagen.
- Control de acceso y protección de claves.
- Antes de cada lanzamiento se revisan los textos informativos, la base jurídica, los contratos con proveedores y las posibles transferencias internacionales conforme al RGPD.
Qué validamos
- Fidelidad de color
- Cuello, botones y mangas
- Estampados
- Coherencia del cuerpo y del rostro
- Velocidad percibida
- Funcionamiento en móvil
- Selección correcta de variantes
- Respuesta ante errores
La calidad de la simulación depende de las fotografías y del proveedor de IA. Por eso la validamos con prendas reales de tu catálogo antes del desarrollo completo.
Las cinco camisas probadas
Camisa de vestir azul marino
Azul marino (popelín)
Camisa elástica slim fit
Azul cielo
Camisa negra de algodón
Negro
Camisa Oxford de manga larga
Blanco
Camisa de lino a rayas
Rayas azules
Modelos generados con IA (no son personas reales). Resultados generados con FASHN AI.
Funcionalidades del proyecto
- Catálogo de camisas compatibles accesible desde la página independiente.
- Selector de modelo y color vinculado a imágenes de producto adecuadas para IA.
- Carga y validación de fotografía, instrucciones de uso y aviso de privacidad.
- Generación de imagen, seguimiento del estado, gestión de errores y reintentos controlados.
- Comparador antes/después y opción de probar otras camisas.
- Selector de tallas disponibles e incorporación al carrito Shopify.
- Panel básico de administración: productos habilitados, generaciones, errores y consumo.
- Controles de costes, limitación de peticiones y eliminación programada de imágenes temporales.
Plan de trabajo
| Semana | Trabajo principal | Resultado |
|---|---|---|
| Semana 1 | Validación de la IA con camisas reales, revisión del tema de Shopify, diseño de la experiencia y arquitectura. | Prueba validada y diseño aprobado. |
| Semana 2 | Aplicación de Shopify, backend seguro, catálogo de camisas y conexión con FASHN. | Generación funcional y productos conectados. |
| Semana 3 | Página del menú, botón en producto, subida de fotos, comparador, variantes y carrito. | Flujo completo en entorno de pruebas. |
| Semana 4 | Panel básico, límites de uso, RGPD, pruebas, correcciones y publicación autorizada. | Entrega y puesta en producción. |
El plazo presupone accesos y materiales disponibles a tiempo, viabilidad confirmada de la generación y ausencia de cambios sustanciales de alcance.
Estado y próximo paso
Próximo paso: terminar la demo con la camisa azul marino de popelín, revisar la calidad del resultado con MOOSBY y confirmar el acceso a Shopify, el catálogo compatible, las fotografías y los criterios de aceptación antes de iniciar el mes de implementación.
Pruébalo tú
Demostración con camisas de MOOSBY. No es una tienda y no se vende nada aquí.
Comprobando la conexión del probador…
Así queda la camisa de vestir azul marino sobre un modelo generado con IA (no es una persona real). Sube tu foto para probártela tú.
1. Elige la camisa
2. Sube tu foto
Para un buen resultado
- De frente, de cintura para arriba o de cuerpo entero.
- Buena luz y los brazos a la vista, sin taparte el torso.
- Solo una persona en la imagen.
Tu foto se prepara en tu navegador: la giramos, la reducimos y le quitamos los datos de ubicación antes de enviarla.
3. Genera tu prueba
Comprobando la conexión del probador…
Tarda entre 15 y 30 segundos. El resultado es orientativo y no indica tu talla.
Tu marca puede ser la próxima.
Hablemos de tu proyecto.