Accueil À propos Services Réalisations Blogue FAQ Contact
Toutes les études de cas Refonte de site web

Brauwerk Hoffman

Brauwerk Hoffman
WordPress FSE Polylang ACF Three.js theme.json Self-Hosted Fonts

Brauwerk Hoffman est une microbrasserie d'inspiration allemande et un brewpub saisonnier à Campbell's Bay, la première du Pontiac de l'aveu même de la brasserie, fondée en 2018 par Todd Hoffman. C'est à quelques minutes de route de l'autre côté de la rivière depuis Arnprior, et une vraie destination une fin de semaine d'été.

Deux choses rendaient le projet plus difficile qu'un site de restaurant ordinaire. La brasserie est saisonnière : environ sept mois par année, chaque page doit dire autre chose sur les heures, les événements, et la possibilité même de se présenter. Et elle est au Québec, donc le français et l'anglais ne sont pas un bonus, c'est l'exigence.

La troisième contrainte, c'est l'entretien. Il n'y a pas de département marketing. La personne qui met la liste de bières à jour doit pouvoir faire exactement cela et rien d'autre, sans risque de casser le site en cliquant au mauvais endroit.

WordPress, mais pas de la façon dont la plupart des brasseries y arrivent. Un thème de blocs en édition complète où theme.json est le système de design : la couleur, la typographie et les espacements sont définis une fois et chaque gabarit y puise. Pas de Bootstrap, pas de Google Fonts, pas de jQuery. Les polices sont auto-hébergées : ITC Korinna pour les titres, Source Serif 4 pour le texte.

Les bières, les événements et les items du menu sont des types de contenu sur mesure avec de vrais champs plutôt que des paragraphes. Une bière a un style, un taux d'alcool, une image d'étiquette, et un indicateur pour savoir si elle est en fût en ce moment. C'est ce qui permet à la liste des bières, à l'archive et à la canette 3D de lire une seule source, au lieu de trois personnes qui synchronisent trois listes.

La canette est de la géométrie, pas une photo. Elle s'affiche en WebGL avec le décodeur auto-hébergé plutôt que tiré d'un CDN, et elle bascule vers une image pré-rendue dès que le WebGL n'est pas disponible, pour que personne n'aboutisse sur un rectangle vide.

Le statut de saison est un seul interrupteur. Le basculer change la pastille du héros, les heures et le texte sur ce qui est ouvert, dans les deux langues, depuis un seul écran. La barre latérale de l'éditeur affiche Bières, Événements, Menu, Médias et Statut de saison. Tout le reste est bloqué à l'adresse, pas seulement caché du menu, parce que cacher un lien n'interdit pas la page derrière.

La refonte est en ligne sur brauwerk-hoffman.ca depuis le 12 septembre 2026, dans les deux langues. Elle remplace un thème qui allait chercher polices, CSS de cadriciel et bibliothèques d'animation sur trois domaines externes à chaque chargement de page.

Chaque page paraît en français et en anglais avec un contenu équivalent, ce qui, pour une entreprise québécoise, est la base. L'état de la saison tient dans un seul interrupteur : l'insigne de la page d'accueil, les heures et le texte sur ce qui est ouvert changent ensemble, dans les deux langues, depuis un seul écran.

La bascule a été répétée avant d'être faite, et l'ancien site a été conservé intact sur le serveur derrière un retour en arrière d'une seule commande. Personne à la brasserie n'a eu à rester disponible le jour du lancement.