Faire vivre à l'écran les espaces d'un studio F&B

The Ground Floor est un studio de branding et d'architecture intérieure basé à Hanoï, spécialisé dans la restauration : bars, cafés et restaurants, de l'identité de marque jusqu'à la construction. Leur travail est physique. Le site devait le faire ressentir à travers un écran, et convaincre les fondateurs qu'une seule équipe peut porter un projet du concept jusqu'au jour de l'ouverture.

Ils devaient aussi pouvoir gérer le site eux-mêmes, en anglais et en vietnamien, sans appeler un développeur à chaque nouveau projet terminé.

Leurs projets sont superbement photographiés, alors le design reste en retrait : de grandes images, une texture papier chaleureuse, un bleu affirmé et une typographie grotesque marquée, avec Space Grotesk pour les titres et Familjen Grotesk pour le texte.

C'est l'animation qui donne son caractère au site. La page d'accueil s'ouvre sur le logo qui se dessine ligne par ligne, puis se transforme en un hero horizontal qui glisse vers un projet mis en avant. Les services, les projets et les trois piliers de leur philosophie ont chacun leur propre chorégraphie au scroll, construite avec GSAP et le défilement fluide de Lenis.

Je l'ai développé avec Next.js et Sanity. Chaque page, service et projet est modifiable depuis le CMS, dans les deux langues.

Les pages projet sont composées de modules (hero, image pleine largeur, carrousel, blocs de contenu, aperçu), pour que l'équipe raconte chaque projet dans l'ordre qui lui convient, sans nouveau template.

• Formulaire de contact qui enregistre les demandes dans Sanity, envoie une notification par email via Resend et s'exporte en CSV.
• SEO par page : titres, descriptions et images de partage modifiables depuis le CMS.
• Animations accessibles : animations et défilement fluide se désactivent pour les personnes qui préfèrent réduire les animations.

Après le lancement, j'ai mené des audits de performance et d'accessibilité : chargement différé des composants lourds, tailles d'images corrigées, et ajout d'outils d'analyse pour comprendre comment les visiteurs utilisent réellement le site.

Un site riche en animations est facile à rendre beau, et facile à rendre lent. Sur ce projet, j'ai appris à traiter l'animation comme un budget : chaque effet doit mériter sa place, respecter la préférence de réduction des animations, et ne jamais gêner le contenu.

Livrer un CMS, c'est aussi du design. Les pages projet modulaires ont pris plus de temps à construire que des templates figés, mais elles permettent au studio de publier son travail sans moi.