Brauwerk Hoffman
Brauwerk HoffmanLe défi
Brauwerk Hoffman est une microbrasserie d'inspiration allemande et un brewpub saisonnier à Campbell's Bay, la première du Pontiac, 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 : la moitié de l'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.
L'approche
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.
Le résultat
La refonte est terminée et en révision pré-lancement, fonctionnelle dans les deux langues pendant que les derniers détails d'hébergement se règlent. Elle remplace un thème Bootstrap qui tirait des polices, du CSS de cadriciel et des bibliothèques d'animation de trois domaines externes à chaque chargement de page.
Chaque page existe en français et en anglais avec un contenu équivalent, ce qui pour une entreprise québécoise est une position légale autant qu'un choix de design. Le seul écart est connu et dit franchement : les archives des bières et des événements portent encore des segments d'URL anglais du côté français, une limite de la version gratuite de l'extension de traduction. On écrit les deux réécritures à la main plutôt que d'acheter une licence pour corriger deux adresses.
Le lancement se fera sur brauwerk-hoffman.ca.