Ein Web-Relaunch, der das Branding-Verständnis von Hymn Design verkörpert

Hymn vertraute TONYTONY die Webentwicklung der neuen Website an und liess die hauseigenen, pixelgenauen Figma-Designs in einen skalierbaren Webflow-Build überführen.

Lausanne, Schweiz
Client

Hymn Design SA

hymn.design

Role

  • Webentwicklung

Credits

UI-Design © Hymn Design

3x
Schnellere Ladezeit
40+
Lokalisierte Projektseiten
3:43
Session-Dauer

Context

Hymn ist eine unabhängige Branding- und Designagentur mit Sitz in Lausanne und Zürich. Ihre Website spiegelte die Qualität und Reife Ihrer Arbeit nicht mehr präzise wider — eine gezielt angestossene Weiterentwicklung ermöglichte es, Ihre digitale Präsenz mit Ihrer Positionierung in Einklang zu bringen, mit besonderem Fokus auf Performance, Interaktivität und technische Architektur.

Challenge

Die Art Direction und das Design wurden vollständig vom internen Team von Hymn getragen, mit einer klaren und ausgereiften Vision, die in Figma geliefert wurde. TONYTONY übernahm die Entwicklung und sorgte für eine technische Umsetzung auf dem Niveau ihrer Standards. Verwurzelt im Motion Design stützt sich ihr Ansatz stark auf Animation und Video, um die Raffinesse jedes Projekts auszudrücken. Die Orchestrierung dieses Umfangs an Inhalten innerhalb einer zweisprachigen Plattform, ohne Kompromisse bei der Performance, stellte die zentrale Herausforderung dar.

Solution

Auf Basis der Figma-Designs von Hymn wurde die Website in Webflow entwickelt, mit einem klaren Fokus auf Videoperformance und redaktionelle Autonomie. Videoinhalte werden progressiv geladen: oberhalb des Folds werden Vimeo-Inhalte dynamisch für sofortiges Autoplay eingebunden, während darunter die Vimeo API mit verzögertem, beim Scrollen ausgelöstem Laden übernimmt. In Kombination mit GSAP-Animationen und einem zweisprachigen CMS bleibt das gesamte System schnell und vollständig wartbar.

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."
Alexandre Henriques
Gründer | Kreativdirektor
Description about the mux video
Description about the mux video
Description about the mux video
No items found.

Vertrauen aufgebaut. Vertrauen bleibt.

Les Halles
Musée Cantonaux
Jacquier Pointet SA
Maison Rousseau Littérature
Hymn Design SA
Schmitz&Wiesner UG
RCKT GmbH
Design Hotels GmbH
Scorpios P.C.
Jera
W Ventures GmbH
Nōema Mykonos Ltd
Auratorio
Baobab Energy SA
Harmar Ltda
CLOSER Studio GmbH
quatreaplus Sàrl
1 2 3 4 5 6 7 8 async function start () { if ( timing === "perfect" ) { // never runs } await callTONYTONY (); notify ( "progress" ); }