Zum Inhalt springen
Manuel García-Llera Añón / Product Designer · Design EngineerKontakt

Fallstudie

NudeProject

In diesem Master-Abschlussprojekt erkundete ich, wie sich Mode, Community und Einkauf in einem mobilen Erlebnis verbinden lassen, in dem Menschen sich zurechtfinden.

Nude Project

Eine Identität tragen. Gestalten, wie sie erlebt wird.

Kontext
Master-Abschlussprojekt · UX/UI · akademischer Teamvorschlag
Beitrag
Mein Beitrag: Erlebnisdesign, Komponenten und mobiler Prototyp
Technologien
FigmaAdobe CC
Arbeitsergebnis
UX/UI-Master-Abschlussprojekt
Mobil
Gestaltung des Einkaufserlebnisses
Komponenten
wiederverwendbare visuelle Sprache in Figma
Abläufe
verbundene Nutzerwege vor der Entwicklung

Zusammenarbeit: Eine im Team erarbeitete Hochschularbeit; diese Fallstudie zeigt den gemeinsamen Vorschlag.

Ein inoffizieller akademischer Vorschlag für Nude Project. Mit Figma und Adobe CC gestaltet; weder programmiert noch produktiv veröffentlicht. Marke und Fotografien gehören ihren jeweiligen Rechteinhabern.

Das Projekt, Schicht für Schicht

Kleine Entscheidungen bilden das System.

01 / 04Entdecken

Die Kollektion eröffnet das Erlebnis; Suche und Navigation bleiben erkennbar.

02 / 04Einkaufen

Größe, Menge und Preis werden vor dem Fortsetzen des Einkaufs in einer Entscheidung zusammengeführt.

03 / 04Komponenten

Die Navigation verbindet Shop, Podcast, Marke, Favoriten und Profil über gemeinsame Komponenten.

04 / 04Nutzerwege

Die Übersicht macht Einstiege, Entscheidungen und Rückwege nachvollziehbar. Das vergrößerbare Original ist in Figma verlinkt.

Die Herausforderung

Ich begann mit einer Frage: Wie kann eine Modemarke Einkauf und Kultur verbinden, ohne sie als getrennte Erlebnisse zu behandeln? Gemeinsam mit dem Team übersetzte ich diese Frage in Wege zum Entdecken, Speichern und Kaufen.

Was ich hier zeige, ist akademisches Design: Die Ansichten und das Diagramm dokumentieren den Lösungsvorschlag, keine Konversionsergebnisse oder Kennzahlen einer realen Anwendung.

Entdecken

Eine gemeinsame Sprache

Ich arbeitete mit einer hellen Palette und Brauntönen, um die Kollektionsfotografie zu ergänzen. Header, Suche, Karten, Größen und Navigation sind in Figma als Komponenten und Varianten organisiert.

Der Prototyp verbindet Shop, Podcast, Favoriten und Profil. Mit dem Flussdiagramm konnte ich Entscheidungen zu Kauf, Registrierung, Wiederherstellung des Zugangs und Kontoverwaltung vor der Entwicklung explizit machen.

Einkaufen

Prototyp, kein Code

Das Ergebnis wurde mit Figma und Adobe CC erstellt. Es gab weder Frontend- noch Backend-Implementierung und keine Zahlungsintegration: Die Interaktionen gehören zum Prototyp.

In der Einkaufstasche führte ich Größenauswahl, Menge, Rabatt und Gesamtbetrag zusammen; die untere Navigation hält die Hauptbereiche während des gesamten Weges erreichbar.

Komponenten

Nachweise und Grenzen

Die Originalansichten, Komponenten und Abläufe ermöglichen eine Prüfung der Konsistenz des Vorschlags. Ich schreibe dieser Fallstudie keine undokumentierten Nutzertests oder quantifizierten Verbesserungen zu.

Für ein Produkt müssten Barrierefreiheit und Aufgaben mit Menschen getestet, der Shop entwickelt und Warenbestand, Zahlungen sowie reale Daten integriert werden. Das sind zukünftige Schritte, keine bereits implementierten Fähigkeiten.

Nutzerwege

Vom Prototyp zur Komponente

Aufbau des Systems

  • Identität / Logo
  • Header / Suche
  • Navigation / Varianten
  • Produkt / Größen
  • Einkaufstasche / Mengen
  • Profil / Formulare

Nachweise

Die Arbeit, offen zur Überprüfung.

Der Prototyp ist ein Teil des Prozesses: Er dokumentiert das System, die Entscheidungen und die Abläufe hinter dem Produkt.

Ansichten und Komponenten erkunden Erste Ansicht öffnen Flussdiagramm vergrößern

Erkenntnisse

Ich habe gelernt, dass ein Markenerlebnis ebenso klare Nutzerwege braucht wie eine klare visuelle Identität.

Die Definition von Komponenten und Abläufen ermöglichte mir, das gesamte Erlebnis vor der Entwicklung zu prüfen.

Offene Frage:Wie lässt sich die Persönlichkeit einer Marke bewahren und zugleich der Einkauf vereinfachen?

Kontakt

Lass uns sprechen.

Wenn du denkst, dass meine Arbeitsweise zu deinem Team passt, oder ein Produkt beziehungsweise ein Forschungsprojekt entwickeln möchtest, würde ich gern mehr erfahren. Erzähle mir, was du brauchst und wo du gerade stehst. Ich lese deine Nachricht persönlich.

Du findest mich auch auf LinkedIn

Deine Adresse wird ausschließlich verwendet, um auf diese Nachricht zu antworten.