REF Digital site Web

Gagnant Idéa 2026 - Or

Le meilleur développement front-end, c'est celui qu'on ne voit pas. Sur ref.digital, chaque choix technique a été pensé pour servir l'expérience plutôt que pour l'impressionner, dans un projet où la technologie et le design ont travaillé en dialogue constant plutôt qu'en silo.

Les défis techniques étaient réels. Pour illustrer les trois grandes familles de services de l'agence, une fleur se construit progressivement à l'écran, de la racine jusqu'aux derniers pétales. Ce résultat a nécessité de synchroniser trois vidéos avec un rendu optimal sur tous les navigateurs, grâce à un shader WebGL sur mesure extrayant et appliquant la vidéo comme masque de texture. Pour les schémas de nœuds animés, l'API Canvas a été privilégiée aux SVG, permettant de tout dessiner en un seul frame sans affecter les performances. L'architecture headless de Storyblok, quant à elle, garde le front-end découplé et épuré tout en intégrant une fonctionnalité native de Live Editing.

Le résultat n'est pas un assemblage de pièces détachées, mais un site qui tient debout parce que chaque discipline a travaillé avec la même exigence. Les animations structurent sans éblouir, et l'accessibilité a été intégrée par essence plutôt que par exception. Ce soin du détail se traduit directement en chiffres : le trafic global a augmenté de 300 % depuis le lancement, et 11 % des sessions ont mené à un clic vers la page Contact.

Crédits :

AGENCE NUMÉRIQUE : REF Digital
AGENCE DE CRÉATION : LG2
CLIENT : REF Digital
STUDIO DE SON : Lamajeure

DIRECTION DE CRÉATION : Joël Auchu
CONCEPTION-RÉDACTION : Catherine Dorion, Marianne Renaud
DIRECTION ARTISTIQUE : Marc-André Dandurand
DESIGN UX : Joël Auchu
DESIGN UI : Quentin Renaud, Sophie Giraldeau, Vincent Bélanger, Laurent Vénérosy
STRATÉGIE : Maxime Chabot
ANALYSE DE PERFORMANCE : Jean-François Picard
CONSEIL : Elodie Doua, Julie Doré
DIRECTION TECHNIQUE : Romain Prache
DÉVELOPPEMENT FRONT-END : Constance Souville, Romain Avalle
DÉVELOPPEMENT BACK-END : Cédric Givord, Savannah Dubreuil
TESTS UTILISATEURS : Michel Corbeau
CHEF DE LA CRÉATION : Nicolas Baldovini
CHEF DE LA STRATÉGIE : Sophie-Annick Vallée
VICE-PRÉSIDENCE STRATÉGIE : Marc-André Fafard
VICE-PRÉSIDENCE SERVICE-CONSEIL : Julie Pilon
DIRECTION DE CRÉATION EXÉCUTIVE : Joël Auchu

DIRECTION DE CRÉATION : Ryan Crouchman, David Kessous, Maxime Jenniss
CONCEPTION-RÉDACTION : Benoît Faucher, Marc Fortin
DIRECTION ARTISTIQUE : Laura Charette, Murilo Maciel, Marc-André Dandurand
DESIGN : Pascale Alie-Crête
DESIGN 3D : Samuel Thibodeau
ANIMATION : Samuel Thibodeau, Vincent Lemieux
MAQUETTE : Marie-Pier Daigle
STRATÉGIE : Alexis Robin
CONSEIL : Ingrid Roussel, Constance Delille
RELATIONS PUBLIQUES : Kate Gouron
PRODUCTION IMPRIMÉE : Émilie Paquet
PRODUCTION D’AGENCE : Lina Piché
MONTAGE : Samuel Thibodeau
PHOTOGRAPHIE : Vincent Castonguay, Marie-Emmanuelle Laurin
INFOGRAPHIE : Karine Allie, Sylvie Tétreault
CHEF DE LA CRÉATION : Nicolas Baldovini, Josh Stein, Luc Du Sault
CHEF DE LA STRATÉGIE : Sophie-Annick Vallée
VICE-PRÉSIDENCE SERVICE-CONSEIL : Karine Payette
DIRECTION DE CRÉATION EXÉCUTIVE : David Kessous