Champagne Club Sandwich
Description
Quand le studio by_Haus nous a contactés pour programmer le portfolio web de Champagne Club Sandwich, un site à la fois original, élégant et facile à actualiser, on ne pouvait pas refuser. Au rythme du défilement de l’accueil, les éléments graphiques entrent et sortent de l’écran comme des bulles de champagne, créant un effet de construction / déconstruction dynamique qui rappelle l’univers visuel éclaté du client. Le tout est bien sûr optimisé pour le référencement et les appareils mobiles. Un site web qui va fêter ses 9 ans.
Client
Champagne Club Sandwich
Services
Programmation, animation
Emplacement
Internet
Pour ce projet, by_Haus s’est concentré sur le design des maquettes « ordinateur » du site, nous confiant ainsi la tâche d’adapter la mise en page aux appareils mobiles. Cette approche a économisé du temps à tout le monde.
Sur le papier, ce portfolio est un site WordPress bilingue classique, avec un thème sur mesure et un minimum d’extensions. Son originalité repose sur la façon dont les éléments se déplacent quand on fait défiler la page d’accueil. Le brief : s’inspirer du mouvement des bulles de champagne pour programmer une animation interactive, qui accélère ou ralentit en toute fluidité quelle que soit la vitesse de défilement. Comme souvent pour ce type de projet, nous avons commencé par programmer un prototype — une version simplifiée avec des images de test. Cela nous a permis de valider le système d’animation en début de mandat, sur téléphone, tablette et ordinateur.
Le client souhaitait pouvoir modifier facilement le contenu de son site web, notamment les images animées par programmation sur la page d’accueil. Un module de saisie personnalisé, que nous avons développé, permet d’ajuster précisément la position et la vitesse de ces images, avec un aperçu de la composition directement dans WordPress. Grâce à ce module, l’équipe de Champagne Club Sandwich tient son portfolio à jour de manière 100% autonome depuis 2017 !
