Role
- Webentwicklung
Credits
UI-Design © Hymn Design
Context
Hymn ist eine unabhängige Branding- und Designagentur mit Büros in Lausanne und Zürich. Die bestehende Website entsprach nicht mehr dem Niveau ihrer Arbeit – es fehlten die Performance, Interaktivität und technische Basis, die von einer erstklassigen Schweizer Designagentur erwartet werden, und sie war nicht darauf ausgelegt, mit dem Wachstum von Team und Portfolio zu skalieren.
Challenge
Das Designteam von Hymn hatte eine klare Vision in Figma bereits ausgearbeitet, es fehlte jedoch ein Entwickler für die Umsetzung. Als Studio mit Wurzeln im Motion Design ist das Portfolio naturgemäss videolastig – jede Fallstudie basiert auf eingebetteten Videos, um die feinen Details der Arbeit zu vermitteln. Die Kernherausforderung bestand darin, dieses Volumen an Inhalten auf einer zweisprachigen Website ohne Performance-Einbussen bereitzustellen.
Solution
Ausgehend von den Figma-Designs von Hymn wurde das Frontend in Webflow entwickelt – mit Fokus auf Video-Performance und redaktionelle Autonomie. Above the Fold wurden Vimeo-Plus-Playback-URLs in natives HTML5-Video injiziert, um sofortiges Autoplay zu ermöglichen, während die Vimeo-API Below the Fold die verzögerte, nutzergesteuerte Wiedergabe übernimmt. In Kombination mit GSAP-Animationen und einem zweisprachigen CMS bleibt die Website schnell und vollständig pflegbar.
Outcome
- Hochwertige, animationsreiche Portfolio-Website, die den kreativen Ansprüchen der Agentur gerecht wird
- Performante, lazy-geladene Vimeo-Integration für nahtloses Autoplay und flüssige Wiedergabe
- Vollständig zweisprachige Website (EN/FR), verwaltet über das native, flexible CMS von Webflow
- Scrollgesteuerte GSAP-Animationen für immersive Projektpräsentationen, ergänzt durch eine dezente, clever eingeblendete Reveal-on-Scroll-Navigation
- SEO-/AEO-fähige Architektur mit Unterstützung strukturierter Daten für künftige Erweiterungen
"Anthony zeichnet sich durch seine außergewöhnliche Reaktionsfähigkeit aus. Bei jeder Anfrage unserer Agentur fand er stets relevante und effektive Lösungen. Sein Feedback ist immer klar und gut strukturiert, was die Entscheidungsfindung erheblich erleichtert."
