Role
- Développement Web
Credits
UI Design © lydiaperrot.ch
Textes © Helge von Giese
Context
Maude von Giese est une scénographe et décoratrice de plateau freelance basée à Zurich, travaillant pour des théâtres, opéras, productions cinématographiques et institutions culturelles dans les mondes germanophone et francophone. Elle avait besoin d'un site portfolio capable de rendre justice à la qualité frappante et spatiale de son travail — une présence digitale aussi intentionnelle et atmosphérique que les environnements scéniques qu'elle crée. La graphiste zurichoise Lydia Perrot a développé le concept visuel et le design complet sur Figma.
Challenge
Le design UI de la graphiste zurichoise Lydia Perrot allait bien au-delà d'un simple portfolio en grille. La page d'accueil propose un effet de mur 3D piloté au scroll — les images de projets se soulèvent avec une transformation de perspective prononcée, créant une immersion spatiale — tandis que des effets de parallaxe renforcent tout au long du site l'atmosphère théâtrale. Le défi : transposer fidèlement cette mise en page artistiquement dirigée dans un build Webflow performant, tout en maintenant une hiérarchie de titres sémantiquement correcte pour le SEO, malgré des éléments typographiques placés dans des positions non conventionnelles.
Solution
L'intégralité du site a été construite dans Webflow, avec du CSS personnalisé et des interactions GSAP alimentant la page d'accueil à perspective et les effets de parallaxe. Les balises de titres ont été placées stratégiquement pour préserver une structure de document claire et crawlable sans compromettre la mise en page visuelle. Chaque projet, image et bloc de texte repose sur le CMS de Webflow, offrant à Maude une autonomie totale pour gérer son portfolio sans intervention technique.
Outcome
- Page d'accueil 3D immersive avec perspective au scroll, fidèle à la vision design originale de Lydia Perrot
- Effets de parallaxe superposés renforçant l'identité théâtrale et spatiale du travail
- Architecture entièrement pilotée par CMS — tous les projets, images et contenus éditables directement dans Webflow
- Structure de titres sémantique préservée sur une mise en page non conventionnelle pour un SEO technique solide
"Un designer-développeur rare qui comprend vraiment le travail spatial. Anthony a transformé la vision de Lydia Perrot en quelque chose d'immersif et de vivant — et m'a permis de le gérer facilement en toute autonomie."
