Client-Delivery von A bis Z: Fashion Portfolio für Ana María
Portfolio Mode Design
Von der Vision zur Live-Website: Fashion-Portfolio mit 95+ Lighthouse Score in unter 2 Sekunden.
Ergebnisse & Impact
0+
Lighthouse Score
<0s
Ladezeit
0%
Responsive Design
Projektziel
Ana María schickte für jede Bewerbung einen E-Mail-Anhang mit dutzenden Dateien – ineffizient und unprofessionell für die Modebranche. Sie brauchte eine zentrale digitale Präsenz, die ihre Arbeiten professionell inszeniert und mit einem einzigen Link statt eines Archivs überzeugt. Ziel: Eine Portfolio-Website, die ihre kreative Identität authentisch transportiert und gleichzeitig technisch einwandfrei funktioniert.
Rolle & Verantwortung
Solo-Projekt – End-to-End verantwortlich für Discovery, UX/UI Design, Full-Stack-Entwicklung (TypeScript, React) und Deployment, in enger Abstimmung mit der Kundin.
Prozess
Moodboard vor dem ersten Wireframe
Ana Marías kreative Richtung analysiert, bevor auch nur ein Frame geöffnet wurde. Ein visuelles Moodboard definierte Typografie, Farbpalette und Stimmung — als gemeinsame Referenz für alle Folgeentscheidungen.
Eine Stunde Discovery spart drei Stunden Überarbeitung. Verstehen kommt vor Gestalten.
Projects-First IA — Portfolio im Zentrum, alles andere sekundär
Wireframes entschieden die Informationsarchitektur: Projekte als primäre Navigationselemente, biographische Infos bewusst im zweiten Plan. Keine Navigation die vom Portfolio ablenkt.
Iterative Abstimmung mit der Kundin statt Präsentation fertiger Ergebnisse — das ist echter Client-Fokus.
TypeScript + Performance-Budget als Produktentscheid
Image-Optimierung, Code-Splitting und saubere Architektur nicht als Nachaufgabe — sondern als Teil der Produktdefinition von Anfang an. TypeScript für Type-Safety und wartbaren Code.
95+ Lighthouse und unter 2 Sekunden entstehen nicht zufällig — sie sind Architekturentscheidungen.
Ergebnisse & Learnings
Lighthouse Score 95+, Ladezeit unter 2 Sekunden, 100% responsive. Bewerbungsreibung eliminiert – alle Arbeiten zentral und sofort zugänglich über einen einzigen Link. Die Kundin bewirbt sich jetzt professionell, ohne einen Gedanken an Dateianhänge zu verschwenden.
Ein ausführliches Discovery-Gespräch und ein visuelles Moodboard vor dem Design spart mehr Zeit als jede spätere Überarbeitung. Ich habe gelernt, erst zu verstehen – dann zu gestalten.
95+ Lighthouse Score und unter 2 Sekunden Ladezeit entstehen nicht zufällig. Image-Optimierung, Code-Splitting und saubere Architektur sind Teil des Produkts – nicht nachträgliche Aufgaben.
Meine Designpräferenzen spielen keine Rolle. Was zählt: dass Ana Marías Persönlichkeit authentisch durchkommt. Iterative Abstimmung statt Präsentation fertiger Ergebnisse – das ist echter Client-Fokus.
Projektbilder
