01
Discovery & Architektur
Asset-Bewertung
Ich evaluiere Ihre vorhandenen Materialien (Sitemaps, Texte, Bildmaterial, Brand Guidelines) und identifiziere, ob Sie individuelle Grafiken oder KI-generierte High-Fidelity-Assets benötigen. Alle Dateien werden sauber in einem gemeinsamen Google Drive organisiert.
Wettbewerbsanalyse
Ich analysiere Ihre Marktbegleiter, um sicherzustellen, dass mein Design diese mathematisch übertrifft. Gemeinsam legen wir eine klare Richtung für Look, Feel und die Design-Ansprüche der Seite fest.
Sitemapping
Ich plane Ihre Seitenstruktur in einem einfachen Google Doc. Keine komplizierte Mapping-Software – nur ein leichtgewichtiges, einfach zu bearbeitendes Dokument, in dem wir reibungslos zusammenarbeiten können.
02
Content First
KI-gestütztes Copywriting
Design um Platzhaltertexte herum führt später zwangsläufig zu teuren Neuentwürfen. Basierend auf Ihren Stichpunkten oder groben Notizen erstelle ich strukturierten, SEO-optimierten Text für jede Seite.
Strukturplanung
Ich finalisiere den Erzählfluss und die Sektionsstrukturen direkt in unserem gemeinsamen Dokument. Dies garantiert, dass das finale Layout maßgeschneidert zu Ihrer tatsächlichen Botschaft passt.
02
Funktionales Prototyping
Live-Wireframing
Ich wechsle sofort in Webflow. Mit dem FLO-Framework erstelle ich einen strukturellen Schwarz-Weiß-Prototyp unter Verwendung Ihrer tatsächlichen, finalisierten Texte und dynamischen CMS-Daten.
Testen in Echtumgebung
Bereits in dieser frühen Phase können Sie Ihre Seite auf jedem Gerät (vom Desktop bis zum Handy) navigieren. Ich teste Textlängen und User Flows in einer responsiven Live-Umgebung, was es mir ermöglicht, die Architektur anzupassen, noch bevor das ästhetische Styling angewendet wird.
03
High-Fidelity Visual Design
Visuelle Überarbeitung & Asset-Erstellung
Ich trage die ästhetische Ebene auf – Typografie, Farbpaletten und UI-Elemente werden global definiert. Alle maßgeschneiderten und KI-generierten Assets werden in dieser Phase finalisiert und integriert.
Schnelle Iteration
Da das Fundament bereits steht, werden Designänderungen global in Minuten übernommen. Ich beginne mit einem ersten Homepage-Konzept. Sollte dieses Anpassungen benötigen, untersuche ich basierend auf Ihrem Feedback bis zu zwei neue Richtungen.
Live-Anpassungen
Sobald die Richtung feststeht, ermöglicht die FLO-Architektur unglaublich schnelle Live-Iterationen – oft direkt während unserer Calls.
05
Technischer Feinschliff & Launch
Custom-Module
Ich integriere bis zu fünf standardmäßige, bereits existierende JavaScript-Module (z.B. erweiterte Filter, komplexe Slider) ohne Aufpreis. (Hinweis: Vollständig maßgeschneiderte, individuell programmierte Anwendungen werden separat angeboten).
Scroll & Hover Animation
Ich implementiere Scroll-Animationen und hochgradig verfeinerte Mikro-Interaktionen, um das statische Design zum Leben zu erwecken.
Launch
Finale Qualitätssicherung, SEO-Checks und Bereitstellung auf Ihrer eigenen Domain.
