Role
- Webentwicklung
Credits
UI-Design © lydiaperrot.ch
Texte © Helge von Giese
Context
Maude von Giese ist freischaffende Bühnen- und Szenenbildnerin mit Sitz in Zürich und arbeitet für Theater, Oper, Film und Kulturinstitutionen im gesamten deutsch- und französischsprachigen Raum. Sie benötigte eine Portfolio-Website, die der eindrucksvollen, räumlichen Qualität ihrer Arbeit gerecht wird – eine digitale Präsenz, die ebenso bewusst und atmosphärisch ist wie die Bühnenwelten, die sie erschafft. Die Zürcher Grafikdesignerin Lydia Perrot entwickelte das visuelle Konzept und das vollständige Design in Figma.
Challenge
Das UI-Design der Zürcher Grafikdesignerin Lydia Perrot ging weit über ein klassisches Portfolio-Grid hinaus. Die Startseite zeigt einen scrollgesteuerten 3D-Wandeffekt – Projektbilder steigen mit einer steilen Perspektivtransformation auf und erzeugen räumliche Immersion – während Parallax-Effekte die theatrale Atmosphäre durchgehend verstärken. Die Herausforderung bestand darin, dieses art-direktionale Layout präzise in einen performanten Webflow-Build zu übersetzen und dabei die Überschriftenhierarchie semantisch korrekt für SEO zu halten, obwohl typografische Elemente an unkonventionellen Positionen stehen.
Solution
Die gesamte Website wurde in Webflow umgesetzt, wobei individuelles CSS und GSAP-Interaktionen die perspektivisch gestaltete Startseite und die Parallax-Effekte antreiben. Die Überschriften-Tags wurden strategisch platziert, um eine saubere, crawlbare Dokumentstruktur zu bewahren, ohne das visuelle Layout zu beeinträchtigen. Jedes Projekt, jedes Bild und jeder Textblock läuft über das CMS von Webflow, sodass Maude ihr Portfolio vollständig eigenständig pflegen kann – ohne Entwicklereingriffe.
Outcome
- Immersive, scrollgesteuerte 3D-Perspektiv-Startseite, die Lydia Perrots ursprüngliche Designvision präzise umsetzt
- Vielschichtige Parallax-Effekte durchgängig auf der gesamten Website, welche die theatrale, räumliche Identität der Arbeit verstärken
- Vollständig CMS-basierte Architektur – alle Projekte, Bilder und Inhalte direkt in Webflow durch die Kundin bearbeitbar
- Saubere semantische Überschriftenstruktur über ein unkonventionelles Layout hinweg bewahrt, für eine starke technische SEO-Basis
"Ein seltener Designer-Entwickler, der räumliche Arbeiten wirklich versteht. Anthony hat die Vision von Lydia Perrot in etwas Immersives und Lebendiges verwandelt — und es mir gleichzeitig leicht gemacht, die Seite selbst zu verwalten."
