CLOSET VIRTUAL
App innovadora para inventariar ropa del closet con avatar 3D interactivo, categorización inteligente y probador virtual que revoluciona la forma de organizar tu guardarropa.
Mi rol
UX Designer
Herramientas
Figma, Maze, Miro, Notion
Plataforma
Android & iOS
Estado
Prototipo Funcional
El contexto
Closet Virtual nace de la necesidad de organizar eficientemente la ropa del guardarropa y visualizar cómo combinan las prendas antes de vestirse.
El objetivo era crear una experiencia única que combine inventario inteligente con un probador virtual interactivo, utilizando tecnología móvil para revolucionar la forma en que las personas gestionan su ropa.
Investigación de Usuarios y Mercado
¿Quiénes son los más interesados en moda?
Fuente: Ipsos/Shein, 2024
¿Qué motiva la compra de moda?
Fuente: IBM, BCG, 2024
Usuario objetivo: "Sofía"
Sofía · 26 años · Barcelona
- Busca moda sostenible y personalización visual
- Compra online con frecuencia y valora la experiencia digital
- Quiere organizar su ropa y crear looks fácilmente
- Demanda tallas inclusivas y experiencias táctiles
"Quiero un armario digital que combine mis looks según el clima, mi estilo y mis valores."
Necesidades Identificadas
- Organización digital del guardarropa
- Maximizar el uso de prendas actuales (sostenibilidad)
- Experiencia visual e interactiva
- Personalización y recomendaciones inteligentes
Oportunidades de Innovación
- Probador virtual con avatar 3D
- Categorización automática de prendas
- Gestión visual y estadísticas del closet
- Touch gestures y feedback instantáneo
Características principales y soluciones
Desarrollé 4 funcionalidades core que resuelven los principales pain points de organización y visualización de ropa.
Avatar 3D Interactivo
Innovación
Silueta humana realista con 5 zonas corporales clicables: cabeza, torso, chaqueta, piernas y pies. Cada zona permite seleccionar prendas específicas.
Implementación
- SVG responsivo con zonas táctiles optimizadas
- Sistema de capas para superposición natural de ropa
- Feedback visual inmediato al tocar zonas
- Colores dinámicos basados en la ropa real
Captura y Categorización Inteligente
Funcionalidad
Sistema completo de captura de fotos con formulario inteligente que categoriza automáticamente las prendas por tipo y temporada.
Características
- Cámara integrada y selección desde galería
- Categorización automática por zona corporal
- Filtros por temporada (primavera, verano, otoño, invierno)
- Metadata completa: marca, talla, color, notas
Sistema de cámara integrada
Auto-categorización inteligente
Gestión Visual del Inventario
Organización
Interface visual que permite ver, filtrar y gestionar toda la ropa del closet con estadísticas en tiempo real y búsqueda avanzada.
Funciones
- Grid visual con fotos reales de las prendas
- Filtros por categoría, temporada y color
- Búsqueda por texto en tiempo real
- Estadísticas del closet con métricas visuales
Gestión del Inventario
Interface visual con grid interactivo
Implementación Técnica
Desarrollé la app utilizando tecnologías modernas para asegurar performance y experiencia de usuario óptima en dispositivos móviles.
Frontend & UX
- React Native con Expo para desarrollo rápido
- SVG responsivo para avatar interactivo
- Navegación optimizada con React Navigation
- Gestos táctiles nativos para mejor UX
Backend & Data
- SQLite local para persistencia de datos
- AsyncStorage para configuraciones
- Sistema de captura de imágenes optimizado
- Compresión automática de fotografías
Resultados del Proyecto
Avatar 3D con cabeza, torso, chaqueta, piernas y pies completamente funcionales
Experiencia táctil perfecta para dispositivos móviles Android e iOS
Categorización completa por primavera, verano, otoño e invierno
Aprendizajes clave
UX Móvil Centrada en Gestos
La interactividad táctil debe ser intuitiva y responder inmediatamente. Los usuarios esperan feedback visual instantáneo en cada touch.
Simplicidad en la Complejidad
Aunque la funcionalidad es compleja (avatar 3D, capas, categorización), la interfaz debe mantenerse simple y accesible.
Performance es Crucial
Las imágenes y SVGs deben estar optimizados para no afectar la fluidez de la experiencia, especialmente en el avatar interactivo.
Próximos Pasos
El prototipo actual demuestra la viabilidad y potencial de la app. Los siguientes pasos incluyen desarrollo completo y testing con usuarios reales.