Saltar para o conteúdo
Manuel García-Llera Añón / Product Designer · Design EngineerContacto

Caso de estudo

NudeProject

Neste projeto final de mestrado, explorei como reunir moda, comunidade e compras numa experiência móvel que se possa percorrer sem perder a orientação.

Nude Project

Vestir uma identidade. Desenhar a forma de a viver.

Contexto
Projeto final de mestrado · UX/UI · proposta académica em equipa
Contributo
O meu contributo: design da experiência, componentes e protótipo móvel
Tecnologias
FigmaAdobe CC
Entrega
Projeto final de mestrado UX/UI
Telemóvel
design da experiência de compra
Componentes
linguagem visual reutilizável em Figma
Fluxos
percursos ligados antes do desenvolvimento

Colaboração: Trabalho académico realizado em equipa; este caso de estudo apresenta a proposta partilhada.

Proposta académica não oficial para Nude Project. Desenhada com Figma e Adobe CC; não foi desenvolvida nem publicada em produção. A marca e as fotografias pertencem aos respetivos titulares.

O projeto, camada a camada

Pequenas decisões constroem o sistema.

01 / 04Descobrir

A coleção abre a experiência; a pesquisa e a navegação permanecem reconhecíveis.

02 / 04Comprar

Tamanho, quantidade e preço são reunidos na mesma decisão antes de prosseguir com a compra.

03 / 04Componentes

A navegação liga loja, podcast, marca, favoritos e perfil através de componentes partilhados.

04 / 04Percursos

O mapa torna rastreáveis as entradas, decisões e caminhos de regresso. O original ampliável está ligado em Figma.

O desafio

Comecei por uma pergunta: como pode uma marca de moda reunir compras e cultura sem as tratar como experiências desligadas? Com a equipa, traduzi essa pergunta em percursos para descobrir, guardar e comprar.

O que mostro aqui é design académico: os ecrãs e o diagrama documentam a solução proposta, não resultados de conversão nem métricas de uma aplicação real.

Descobrir

Uma linguagem partilhada

Trabalhei com uma paleta clara e tons castanhos para acompanhar a fotografia da coleção. Cabeçalho, pesquisa, cartões, tamanhos e navegação estão organizados como componentes e variantes em Figma.

O protótipo liga loja, podcast, favoritos e perfil. O diagrama de fluxos permitiu-me explicitar decisões de compra, registo, recuperação de acesso e gestão de conta antes do desenvolvimento.

Comprar

Protótipo, não código

A entrega foi criada com Figma e Adobe CC. Não houve implementação de frontend ou backend nem integração de pagamentos: as interações pertencem ao protótipo.

No saco de compras, reuni seleção de tamanho, quantidade, desconto e total; a navegação inferior mantém as áreas principais ao alcance durante todo o percurso.

Componentes

Evidências e limites

Os ecrãs, componentes e fluxos originais permitem rever a coerência da proposta. Não atribuo a este caso testes com utilizadores não documentados nem melhorias quantificadas.

Transformá-lo num produto exigiria testar acessibilidade e tarefas com pessoas, desenvolver a loja e integrar inventário, pagamentos e dados reais. São passos futuros, não capacidades já implementadas.

Percursos

Do protótipo ao componente

Organização do sistema

  • Identidade / logótipo
  • Cabeçalho / pesquisa
  • Navegação / variantes
  • Produto / tamanhos
  • Saco de compras / quantidades
  • Perfil / formulários

Evidências

O trabalho, aberto a revisão.

O protótipo é uma parte do processo: documenta o sistema, as decisões e os fluxos que sustentam o produto.

Explorar os ecrãs e componentes Abrir o primeiro ecrã Ampliar o diagrama de fluxos

Aprendizagens

Aprendi que uma experiência de marca precisa de percursos tão claros como a sua identidade visual.

Definir componentes e fluxos permitiu-me rever a experiência completa antes do desenvolvimento.

Pergunta em aberto:Como preservar a personalidade de uma marca ao simplificar as tarefas de compra?

Contacto

Vamos conversar.

Se achas que a minha forma de trabalhar se adequa à tua equipa, ou tens um produto ou uma investigação que gostarias de desenvolver, gostaria de saber mais. Conta-me de que precisas e em que ponto estás. Lerei a tua mensagem pessoalmente.

Também me podes encontrar no LinkedIn

O teu endereço é utilizado apenas para responder a esta mensagem.