Une refonte web pensée pour incarner l'ethos branding d'Hymn

Hymn Design SA a confié à TONYTONY le développement de son nouveau site web, en transformant des interfaces UI pixel-perfect conçues en interne en un build Webflow évolutif et multilingue.

Lausanne, Suisse
Une refonte web pensée pour incarner l'ethos branding d'Hymn
Client

Hymn Design SA

hymn.design

Role

  • Développement Web

Credits

UI Design © Hymn Design

3x
Chargement plus rapide
40+
Projets localisés
3:43
Durée de session moyenne

Context

Hymn est une agence de branding et de design indépendante basée à Lausanne et Zurich. Leur site ne traduisait plus avec justesse la qualité et la maturité de leur travail — une évolution engagée a permis d’aligner leur présence digitale avec leur positionnement, en portant une attention particulière à la performance, à l’interactivité et à l’architecture technique.

Challenge

La direction artistique et le design étaient entièrement portés par l'équipe interne d'Hymn, avec une vision claire et aboutie livrée dans Figma. TONYTONY est intervenu côté développement, pour en assurer une mise en œuvre technique à la hauteur de leurs standards. Ancrée dans le motion design, leur approche s’appuie largement sur le motion design / vidéo pour exprimer la finesse de chaque projet. Orchestrer ce volume de contenus au sein d’une plateforme bilingue, sans compromis sur la performance, constituait l’enjeu central.

Solution

Développé dans Webflow à partir des designs Figma de Hymn, le site met l’accent sur la performance vidéo et l’autonomie éditoriale. Les contenus vidéo sont chargés de manière progressive : au-dessus du fold, les lectures Vimeo sont injectées dynamiquement pour un autoplay instantané, tandis qu’en dessous, l’API Vimeo prend le relais avec un chargement différé déclenché au scroll. Couplé à des animations GSAP et un CMS bilingue, l’ensemble reste rapide et entièrement maîtrisable.

Outcome

  • Site portfolio soigné et riche en animations, reflétant les standards créatifs de l'agence
  • Intégration Vimeo haute performance avec lazy-loading pour un autoplay et une lecture fluides
  • Site entièrement bilingue (EN/FR) géré via le CMS natif et flexible de Webflow
  • Animations GSAP au scroll pour des présentations de projets immersives, accompagnées d'une navigation discrète avec reveal au scroll
  • Architecture SEO/AEO-ready avec support de données structurées pour les futures mises à jour
"Anthony se distingue par sa réactivité exceptionnelle. Pour chaque demande de notre agence, il a toujours trouvé des solutions pertinentes et efficaces. Ses retours, toujours clairs et structurés, rendent chaque décision plus simple."
Alexandre Henriques
Fondateur | Direction Créative
Description about the mux video
Description about the mux video
Description about the mux video
No items found.

Ils m'ont fait confiance. Toujours.

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" ); }