Construyendo una plataforma SaaS para colecciones de moda en 3D
- 17 ago 2025
- 7 min de lectura
Actualizado: 8 jul
En la moda de hoy, las marcas viven entre dos exigencias constantes: reducir su impacto ambiental y seguir siendo relevantes en un mundo cada vez más digital. Los métodos tradicionales (muestras físicas, sesiones de fotos continuas) consumen recursos y ya no son sostenibles a largo plazo. Al mismo tiempo, dar el salto a entornos virtuales sigue siendo un reto técnico para muchas marcas que no están acostumbradas a trabajar con herramientas digitales.
Este proyecto explora cómo una plataforma SaaS puede ayudarles a traducir sus colecciones al mundo 3D de forma sencilla. El objetivo fue crear una herramienta que conecte el universo físico con el digital, reduzca desperdicio y facilite la entrada en mercados como el metaverso, sin exigir conocimientos técnicos avanzados a los equipos de moda.
"Soluciones meticulosas, ágiles y creativas que comunican eficazmente los valores de la marca y mejoran la experiencia del usuario. Con una amplia experiencia en marketing, el equipo posee un profundo conocimiento del mercado y del comportamiento del consumidor, lo que les permite superar las expectativas y ofrecer estrategias a medida para cada proyecto. Su liderazgo y profesionalismo garantizan un proceso fluido y eficiente, convirtiéndolos en un socio de confianza para obtener resultados de alta calidad." – Mariana Flink, Cofundadora de ONVERSED
El problema
La investigación de mercado reveló un hueco claro: las marcas de moda necesitaban una forma intuitiva de crear versiones digitales de sus colecciones sin tener que convertirse en especialistas técnicos. La solución debía:
Proponer una interfaz que personas sin perfil técnico pudieran usar para crear modelos de moda en 3D y empezar a trabajar con mercados virtuales.
Apoyar objetivos de sostenibilidad, reduciendo la necesidad de muestras físicas y los recursos que implican.
Integrar tecnologías como VR, AR, blockchain y redes sociales para ofrecer una presencia digital completa.
El Proceso
El proyecto se desarrolló en el contexto de una startup con baja madurez en UX, lo que hizo esencial defender buenas prácticas de diseño y evitar decisiones impulsivas de interfaz desde el primer día. La evolución de la plataforma se guió por el marco de Design Thinking, manteniendo la flexibilidad necesaria para ajustarse a cambios en el equipo, la estrategia y el alcance.
Empatizar
El primer paso fue escuchar. Se realizaron entrevistas cualitativas con personas clave del negocio, en un entorno cómodo y de baja presión, para entender los puntos de dolor y las necesidades reales detrás de la idea. Estas conversaciones confirmaron el interés del sector por soluciones más sostenibles y señalaron las barreras que frenaban la adopción de herramientas digitales.
A partir de esa base se trazaron recorridos de usuario como el de Alicia, una diseñadora de moda que conoce los beneficios de la moda digital pero necesita apoyo para empezar. Estos user journeys ayudaron a ver dónde se complicaba la experiencia y dónde había oportunidades para suavizar cada punto de contacto dentro de la plataforma.
Definir
Con las necesidades y fricciones sobre la mesa, se usó user story mapping para descomponer el proyecto en funcionalidades manejables. Esto permitió ordenar el trabajo en tareas claras, facilitar la comunicación con los equipos de desarrollo y asegurar que cada bloque respondiera a necesidades concretas de los usuarios.
Idear
La fase de ideación se trabajó en colaboración con cofundadores (CEO, CMO y CTO) y otros perfiles clave como diseñadores 3D y desarrolladores. Se exploraron distintas soluciones y se recurrió a wireframes de baja fidelidad en Balsamiq para llegar rápido a propuestas de diseño y añadir interacciones básicas.
El carácter “inacabado” de estos wireframes jugó a favor: al no parecer una versión definitiva, el equipo se sintió cómodo proponiendo cambios y mejoras. Las modificaciones eran rápidas y baratas en esta fase, y los bocetos ayudaron a visualizar procesos como el onboarding, la creación de diseños 3D, la gestión de cuentas y el acceso al centro de soporte.
Prototipar
Primer MVP con Bubble.io
El primer MVP se diseñó y construyó con Bubble.io, una herramienta low-code que permitió validar el concepto con rapidez. El objetivo era poner la idea en manos de personas reales lo antes posible, y la plataforma se desarrolló con un equipo de dos desarrolladores coordinados desde diseño.
Este MVP se presentó en eventos como 4YFN (GSMA MWC), Transfiere y The Digital Enterprise Show, donde sirvió como carta de presentación y generó feedback valioso para ajustar el producto. Utilizar un constructor low-code facilitó cumplir plazos pese a la curva de aprendizaje del equipo, pero también puso de manifiesto sus límites: plantillas rígidas, componentes poco adaptables y restricciones que afectaban tanto a nuevas funcionalidades como a la escalabilidad futura.
Segundo MVP con React y Material 3
Con los aprendizajes del primer MVP, se tomó la decisión de construir una segunda versión sobre React. El objetivo era superar las limitaciones del builder low-code y aprovechar la capacidad del equipo para diseñar y desarrollar componentes ajustados a necesidades de negocio y de usuario.
Antes de entrar en desarrollo, se validó la propuesta en Figma para reducir riesgos y evitar iteraciones costosas una vez comenzada la implementación. Esta forma de trabajar permitió disminuir en torno a un 30% la carga de trabajo del equipo externo de desarrollo y ahorrar aproximadamente 10.000 €.
Para acelerar el diseño sin sacrificar calidad, se utilizó Material 3 como base de sistema de diseño. Partir de componentes ya pensados (botones, formularios, iconos) permitió:
Evitar rehacer elementos desde cero.
Facilitar la traducción del diseño a código por parte de los desarrolladores.
Mantener productos digitales más consistentes y accesibles.
Testear
Durante las distintas fases de prototipado se organizaron sesiones de test de usabilidad para recoger feedback y iterar sobre la plataforma. Más allá de la interfaz visual, se trabajó con diagramas de arquitectura de información para comprobar que los flujos fueran lógicos e intuitivos antes de definir el aspecto final.
Este enfoque ayudó a alinear la implementación técnica con la experiencia que se quería ofrecer: que cada paso dentro de la plataforma tuviera sentido desde la perspectiva de quien diseña y sube sus colecciones.
Estética y evolución de la marca
Conforme el proyecto avanzaba, quedó claro que la paleta de colores inicial, inspirada en el imaginario del metaverso, ya no encajaba con el público objetivo ni con la dirección que tomaba la marca. Se emprendió un trabajo de rebranding que llevó a abandonar los tonos eléctricos y futuristas en favor de una paleta neutra de lujo.
Del metaverso al lujo neutro
Paleta inicial
En la etapa inicial, el proyecto apostaba por colores brillantes y digitales, acordes con una visión muy experimental y orientada al entorno virtual. Sin embargo, al madurar el producto se detectó la necesidad de posicionarlo ante un público más sofisticado, cercano a marcas de moda que valoran la elegancia y la atemporalidad.
La nueva paleta incorporó grises suaves, azules discretos, beiges y negros, creando un entorno visual calmado donde los modelos 3D de las colecciones destacan sin que el interfaz compita con ellos. Este cambio redujo ruido, aportó serenidad y alineó mejor la experiencia con los valores de exclusividad y cuidado que la plataforma quería representar.
Material Design como base
La adopción de Material 3 se integró en esta transición estética. La combinación de una paleta neutra con las capacidades dinámicas y accesibles del sistema permitió elevar la experiencia de usuario: el interfaz se siente elegante pero también claro, funcional y preparado para crecer.
La solución
La plataforma diseñada facilita que diseñadores y marcas conviertan sus colecciones de moda en modelos 3D sin necesidad de saber programar ni manejar herramientas complejas. Al reducir la dependencia de muestras físicas y sesiones de fotos tradicionales, contribuye a objetivos de sostenibilidad y optimización de recursos.developers.google
Además, ofrece una pasarela cuidada hacia mercados virtuales (VR, AR, espacios digitales), permitiendo que las colecciones vivan más allá del catálogo físico y preparando a las marcas para una presencia digital más amplia. El vídeo demo del recorrido de usuario se convirtió en una pieza clave para explicar el valor de la plataforma a personas inversoras y colaboradores.developers.google
Aprendizajes
Este proyecto dejó varias lecciones importantes:
Adaptabilidad: Cambios en liderazgo y estructura del equipo pusieron a prueba la capacidad de mantener el rumbo del diseño sin perder la esencia de la visión inicial. La flexibilidad en el proceso fue clave para sostener el proyecto en el tiempo.
Plataformas low-code: El uso de Bubble.io mostró tanto las fortalezas como los límites de estos entornos. Son útiles para validar conceptos con rapidez, pero es esencial no depender de ellos en fases donde se necesitan más control y escalabilidad.
Diseño centrado en el usuario: Volver constantemente a las personas que usarían la plataforma y a sus necesidades reales fue lo que permitió crear un producto con sentido, más allá de la tecnología.
Exhibiciones como canales de feedback: Participar en ferias y eventos internacionales aportó una mirada externa valiosa, ayudando a validar la propuesta y ajustar el mensaje.
El desarrollo de esta plataforma fue, en muchos sentidos, un ejercicio de innovación estratégica y de adaptación. Al abordar a la vez los retos de sostenibilidad y de transformación digital, el proyecto se convirtió en una herramienta que permite a las marcas de moda acercarse con más seguridad al futuro que ya está aquí.
El lanzamiento de dos MVP y los aprendizajes en cada fase refuerzan la importancia de la flexibilidad, la colaboración y la iteración constante cuando se diseñan productos digitales complejos. Es una experiencia que deja base no solo para la plataforma, sino para proyectos futuros que quieran unir negocio, diseño y tecnología con el mismo cuidado.
Comentarios