Saltar al contenido
Manuel García-Llera / Product Designer · Design EngineerContacto

Caso

NudeProject

En este TFM exploré cómo reunir moda, comunidad y compra en una experiencia móvil que se pueda recorrer sin perderse.

Nude Project

Vestir una identidad. Diseñar cómo se vive.

Contexto
TFM · Máster UX/UI · propuesta académica en equipo
Contribución
Mi contribución: diseño de experiencia, componentes y prototipo móvil
Tecnologías
FigmaAdobe CC
Entrega
TFM UX/UI
Mobile
diseño de la experiencia de compra
Componentes
lenguaje visual reutilizable en Figma
Flujos
recorridos conectados antes del desarrollo

Colaboración: Trabajo académico realizado en equipo; el caso presenta la propuesta conjunta.

Propuesta académica no oficial para Nude Project. Diseñada con Figma y Adobe CC; no se desarrolló ni se llevó a producción. Marca y fotografías pertenecen a sus titulares.

El proyecto, por capas

Pequeñas decisiones construyen el sistema.

01 / 04Descubrir

La colección abre la experiencia; búsqueda y navegación permanecen reconocibles.

02 / 04Comprar

Talla, cantidad y precio se reúnen en la misma decisión, antes de continuar con la compra.

03 / 04Componentes

La navegación enlaza tienda, podcast, marca, favoritos y perfil mediante componentes compartidos.

04 / 04Recorridos

El mapa permite seguir entradas, decisiones y retornos. El original ampliable está enlazado en Figma.

El reto

Partí de una pregunta: ¿cómo puede una marca de moda unir compra y cultura sin tratarlas como experiencias desconectadas? Con el equipo convertí esa pregunta en recorridos para descubrir, guardar y comprar.

Lo que muestro aquí es diseño académico: las pantallas y el diagrama documentan la solución propuesta, no resultados de conversión ni métricas de una aplicación real.

Descubrir

Un lenguaje compartido

Trabajé una paleta clara y tonos marrones para acompañar la fotografía de colección. Cabecera, búsqueda, tarjetas, tallas y navegación se organizan como componentes y variantes en Figma.

El prototipo conecta tienda, podcast, favoritos y perfil. El diagrama de flujo me permitió hacer explícitas las decisiones de compra, registro, recuperación de acceso y gestión de la cuenta antes de desarrollar.

Comprar

Prototipo, no código

El entregable se realizó con Figma y Adobe CC. No hubo implementación frontend, backend ni integración de pagos: las interacciones pertenecen al prototipo.

En la bolsa reuní selección de talla, cantidad, descuento y total; la navegación inferior mantiene a mano las áreas principales durante el recorrido.

Componentes

Evidencia y límites

Las pantallas, componentes y flujos originales permiten revisar la coherencia de la propuesta. No atribuyo a este caso pruebas con usuarios ni mejoras cuantificadas que no estén documentadas.

Para llevarlo a producto habría que validar accesibilidad y tareas con personas, desarrollar la tienda e integrar inventario, pagos y datos reales. Son pasos futuros, no capacidades ya implementadas.

Recorridos

Del prototipo al componente

Organización del sistema

  • Identidad / logotipo
  • Cabecera / búsqueda
  • Navegación / variantes
  • Producto / tallas
  • Bolsa / cantidades
  • Perfil / formularios

Evidencias

El trabajo, abierto a revisión.

El prototipo es una pieza del proceso: documenta el sistema, las decisiones y los flujos que sostienen el producto.

Explorar las pantallas y componentes Abrir la primera pantalla Ampliar el diagrama de flujo

Aprendizajes

Aprendí que una experiencia de marca necesita recorridos tan claros como su identidad visual.

Definir componentes y flujos me permitió revisar el conjunto antes de desarrollar.

Pregunta abierta: ¿Cómo mantener la personalidad de una marca al simplificar las tareas de compra?

Contacto

Hablemos.

Si crees que mi forma de trabajar encaja en tu equipo, o tienes un producto o una investigación que quieras desarrollar, me gustaría conocerlo. Cuéntame qué necesitas y en qué punto estás. Leeré tu mensaje personalmente.

También puedes encontrarme en LinkedIn

Tu dirección se usa únicamente para responder a este mensaje.