Loading…

Auteur/autrice : gymnase

SURSUR Élections QC
—2026

Direction de création
—

Design
—

Programmation & déploiement
—

  • Gymnase
Visitez le site

À l'approche des élections provinciales de 2026, Élections Québec voulait outiller les 18-24 ans face à la désinformation. La stratégie développée par l'agence Cartier prenait le problème à rebours, et de faire vivre le phénomène plutôt que de l'expliquer. C'est comme ça qu'est né SURSUR, un faux supplément naturel en jujubes à base de réflexine, une molécule fictive censée stimuler l'esprit critique. Le lancement avait tout d'un vrai produit, avec une identité de marque léchée et des boîtes remplies de vrais jujubes envoyées à des influenceurs suivis par le public cible.

Cartier nous a confié le développement du site de la fausse marque. Le mandat devait sortir de l'ordinaire. Il fallait un one-pager qui joue le jeu d'un vrai site de suppléments, assez crédible pour soutenir l'illusion, puis qui dégonfle lui-même la balloune à mi-parcours. Passé la révélation, le site change de rôle et présente les six trucs d'Élections Québec pour démêler le vrai du faux.

Le site repose sur un thème WordPress développé sur mesure, animé de bord en bord avec GSAP. Derrière le ton léger, le développement répond aux exigences d'accessibilité d'un site gouvernemental.

Direction de création
—

Design
—

Programmation & déploiement
—

  • Gymnase
PROJET SUIVANT

SOMA
—2026

Direction de création
—

  • Gymnase

Design
—

Programmation & déploiement
—

  • Gymnase
Visitez le site

Soma est une maison de production montréalaise qui regroupe une équipe de réalisateurs aux univers variés. La marque cultive un esprit familial et décontracté, à mille lieues du ton corporatif qu'on retrouve souvent dans l'industrie et son site devait refléter cette personnalité sans compromis.

Nous avons été mandatés pour la direction de création et le développement du nouveau site avec l'idée de pousser l'interactivité aussi loin que possible, tout en respectant un principe central de mettre tous les réalisateurs sur un pied d'égalité. Chaque liste du site, y compris l'ordre des réalisateurs sur la page d'accueil, est générée aléatoirement à chaque visite. Aucune hiérarchie, seulement l'envie de laisser place à la découverte.

Le site est construit autour d'un grand nombre d'animations et de micro-interactions qui donnent à chaque page son propre comportement et son propre rythme. Des easter eggs sont disséminés un peu partout pour qui prend le temps de fouiller, et chaque mécanisme d'animation a été pensé pour servir le ton de la maison, joueur, attentif aux détails et jamais figé. Le contenu vidéo, omniprésent sur le site, repose sur une intégration Vimeo entièrement personnalisée, qui se fond dans l'interface sans jamais ressembler à un lecteur générique. Le résultat est un site qui ressemble à Soma plus qu'à un portfolio classique et qui se laisse explorer comme une vitrine vivante du collectif, lui-même extrêmement vivant.

Direction de création
—

  • Gymnase

Design
—

Programmation & déploiement
—

  • Gymnase
PROJET PRÉCÉDENT PROJET SUIVANT

Les Francouvertes
—2026

Direction de création
—

Design
—

Programmation & déploiement
—

  • Gymnase
Visitez le site

Les Francouvertes sont un concours dédié à la musique émergente francophone, qui révèle chaque année une nouvelle génération d'artistes à travers une série de spectacles, de prix et de rendez-vous publics. Avec une trentaine d'éditions au compteur, l'événement repose sur un volume de contenu impressionnant, des dizaines d'artistes par année, des archives audio et vidéo qui s'accumulent depuis le début, des galeries, des nouvelles, etc.

Nous avons été mandatés pour développer le nouveau site avec un défi central, rendre cette masse de contenu navigable, vivante et agréable à explorer, sans jamais alourdir l'expérience. Le site devait aussi soutenir les moments forts de l'année, ouverture du concours, votes en ligne, finale diffusée en direct, tout en laissant à l'équipe une grande autonomie pour faire évoluer les pages au fil de la saison.

L'interface s'appuie sur un système de blocs très flexible qui donne à l'équipe une grande liberté dans la mise en page du contenu. Une bonne partie du travail a porté sur les animations et les micro-interactions qui rythment la navigation, transitions entre les sections, comportements au défilement, éléments qui réagissent au passage de la souris, le tout pensé pour donner du mouvement au site sans jamais voler la vedette au contenu. Le site intègre aussi le vote en ligne, les diffusions YouTube en direct, les archives complètes des éditions précédentes, ainsi qu'une bibliothèque de clips audio, de galeries photo et de vidéos provenant de plusieurs sources.

Direction de création
—

Design
—

Programmation & déploiement
—

  • Gymnase
PROJET PRÉCÉDENT PROJET SUIVANT

Maguire Shoes
—2026

Direction de création
—

Design
—

Programmation & déploiement
—

Visitez le site

Maguire est une marque de chaussures pour femmes au design pensé à Montréal et à la fabrication européenne. Présente en boutique en Amérique du Nord, elle développe également une forte présence en ligne à l'international.

Nous avons été mandatés pour reconstruire entièrement le site Shopify, dans une optique de modernisation autant visuelle que technique. Il fallait traduire le nouveau branding dans une interface qui met le produit en valeur, tout en revoyant en profondeur la gestion du contenu et l'intégration des outils e-commerce, deux aspects qui freinaient l'équipe.

L'architecture du site s'appuie largement sur les Metafields, ce qui a permis à l'équipe Maguire de garder la main sur son catalogue. Le site intègre également la gestion des waitlists, le suivi des stocks par variante ainsi qu'un lookbook éditorial qui prolonge le récit de la marque. La navigation et les filtres ont été conçus pour rendre la circulation dans le catalogue rapide et lisible malgré sa taille.

Direction de création
—

Design
—

Programmation & déploiement
—

PROJET PRÉCÉDENT PROJET SUIVANT

MOBA & MOVIA
—2026

Direction de création
—

  • Gymnase Studio Web

Design
—

Programmation & déploiement
—

  • Gymnase Studio Web
Visitez le site

MOBA et MOVIA sont deux organismes à but non lucratif spécialisés en mobilité durable, qui accompagnent municipalités et organisations dans la transition vers des déplacements plus responsables. Les deux entités partagent une même mission et une même équipe, mais gardent chacune leur identité propre, un équilibre délicat qui était au centre de tout le projet.

Nous avons été mandatés pour développer le nouveau site, avec un défi de structure avant tout, faire cohabiter deux marques distinctes sous une seule plateforme, sans que l'une efface l'autre et sans perdre le visiteur en cours de route. Il fallait que chaque organisme ait sa place et sa voix, tout en présentant une expérience unifiée et facile à parcourir. En parallèle, le site devait incarner une identité de marque plus affirmée que la version précédente, à la hauteur du sérieux et de l'ambition des deux organismes.

Le résultat est un site vivant, à l'image d'équipes qui le sont tout autant. La page d'accueil met de l'avant l'impact concret des deux organismes à travers leurs chiffres clés, projets réalisés, personnes rejointes, émissions évitées, présentés de façon claire et marquante. L'architecture du contenu a été pensée pour accueillir une grande variété de sections (services, projets, campagnes, événements, actualités, outils) et pour rester facile à mettre à jour par l'équipe au fil de ses activités.

Direction de création
—

  • Gymnase Studio Web

Design
—

Programmation & déploiement
—

  • Gymnase Studio Web
PROJET PRÉCÉDENT PROJET SUIVANT

Café Binocle
—2025

Direction de création
—

Design
—

Programmation & déploiement
—

Visitez le site

Le site web de Café Binocle est une vitrine numérique pétillante et dynamique, pensée pour refléter la personnalité chaleureuse et originale de la marque.

Réalisé sous Shopify, le site déploie une interface ludique et colorée, enrichie de multiples animations interactives qui rendent chaque visite engageante et divertissante.

À travers un design énergique et une présentation intuitive des cafés et produits dérivés, la plateforme met efficacement en lumière la mission particulière de l’entreprise : offrir des cafés de spécialité accessibles climatopositifs. Un projet numérique vivant et authentique, à l'image de l'esprit singulier de Café Binocle.

Direction de création
—

Design
—

Programmation & déploiement
—

PROJET PRÉCÉDENT PROJET SUIVANT

Barkon
—2025

Direction de création
—

Design
—

Programmation & déploiement
—

  • Gymnase

Le mandat était de créer une vitrine temporaire percutante, en mode teaser, pour introduire un produit entièrement nouveau sur le marché. L’objectif : capter l’attention, susciter la curiosité et présenter l’univers de la marque avec clarté et impact. L’interface mise sur un storytelling simple et direct, soutenu par des animations subtiles mais originales, conçues sur mesure pour accompagner la navigation.

Le site met en valeur une mise en page dynamique et une structure pensée pour introduire efficacement un concept inédit auprès d’un nouveau public. Un projet compact, mais mené avec la même rigueur qu’un site complet.

Direction de création
—

Design
—

Programmation & déploiement
—

  • Gymnase
PROJET PRÉCÉDENT PROJET SUIVANT

Chauffage Racine
—2025

Direction de création
—

Design
—

Programmation & déploiement
—

  • Gymnase
Visitez le site

Site WordPress entièrement développé sur mesure, sans thème ni constructeur visuel. Tous les gabarits ont été codés à la main pour répondre aux besoins spécifiques du client.

Le formulaire de contact est basé sur Gravity Forms, mais le front-end a été reconstruit sur mesure pour offrir une expérience conversationnelle. Les champs apparaissent progressivement, avec validation en temps réel et mise en page plus accessible pour une clientèle peu familière avec les outils numériques.

Le site intègre plusieurs animations SVG en boucle, des effets de survol sur les images, des filtres dynamiques pour naviguer dans les projets et un système de navigation animé. Un curseur personnalisé permet d’afficher un aperçu visuel au survol dans certaines listes de contenu.

Direction de création
—

Design
—

Programmation & déploiement
—

  • Gymnase
PROJET PRÉCÉDENT PROJET SUIVANT

Atelier Carle
—2024

Direction de création
—

  • Gymnase

Design
—

Programmation & déploiement
—

  • Gymnase
Visitez le site

Pensé comme une vitrine épurée et fluide, le site d’Atelier Carle traduit l’esthétique du studio dans un environnement WordPress entièrement sur mesure.

La grille organique, développée avec un algorithme personnalisé, redistribue les images à chaque visite pour créer une mise en page unique et équilibrée. C’est le cœur du projet, et il a nécessité un travail précis pour allier aléatoire, cohérence et lisibilité.

Trois modes de navigation coexistent, chacun avec sa logique propre. Le mode liste intègre un curseur interactif qui affiche un aperçu visuel au survol. Un projet construit sur la personnalisation, la logique front-end et un souci constant du détail.

Direction de création
—

  • Gymnase

Design
—

Programmation & déploiement
—

  • Gymnase
PROJET PRÉCÉDENT PROJET SUIVANT

Le Ketch
—2024

Direction de création
—

Programmation & déploiement
—

  • Gymnase
Visitez le site

Site Shopify développé entièrement sur mesure pour refléter l’univers maritime du Ketch dans une interface claire et structurée.

La page d’accueil intègre des animations personnalisées codées à la main, dont des vagues en mouvement et des canettes de bière en flottement. Ces effets visuels sont intégrés sans app externe, directement dans les gabarits, et optimisés pour une performance stable sur tous les appareils.

Le site comprend deux boutiques distinctes avec des logiques d’affichage et de gestion spécifiques, unifiées dans une même structure de navigation. Plusieurs intégrations ont été ajoutées, dont une carte interactive des points de vente, des liens vers les menus, les réservations et les horaires, le tout intégré nativement dans Shopify.

Direction de création
—

Programmation & déploiement
—

  • Gymnase
PROJET PRÉCÉDENT PROJET SUIVANT
Ce site est enregistré sur wpml.org en tant que site de développement. Passez à un site de production en utilisant la clé remove this banner.