Le Bar le über, c’est le bar de quartier d’Ahuntsic, sur la rue Fleury Est à Montréal. On y trouve des bières de microbrasseries québécoises en fût, un quiz le mercredi, du karaoké, des soirées vinyles et les games du CH sur écran. Une vraie bonne adresse. Son site, lui, menait une vie beaucoup plus calme.
Avant : un menu à zoomer à deux doigts
- Le menu, c’était 4 images PNG. Pour connaître le prix d’une pinte, il fallait zoomer à deux doigts dans la pénombre du bar, si possible avant la deuxième.
- 11,8 secondes pour afficher la page sur mobile. Largement le temps de se faire servir.
- 2,3 Mo à télécharger pour une adresse, des horaires et quatre photos.
- La page d’accueil s’appelait encore officiellement « page-d-exemple », et l’article « Bonjour tout le monde ! » était toujours en ligne. Ça partait d’une bonne intention.
Après : le site d’un bar où on a envie d’aller
Un fond noir chaud, l’ambre des lumières du comptoir, et les petits carrés gris du logo « über. » repris comme fil conducteur graphique. Et surtout, tout ce qui n’existait pas avant :
- Un menu enfin lisible : 122 produits en texte, rangés par onglets (bières, cocktails, vins, spiritueux, sans alcool, promos, grignotines), pensé pour le téléphone posé sur la table.
- Un filtre « Québécois seulement » : la fleur de lys repère les produits d’ici, et un clic n’affiche qu’eux.
- « Ouvert » ou « Fermé », en direct, calculé à l’heure de Montréal (même depuis Paris). Pendant le 4@7, l’en-tête l’annonce.
- La prochaine soirée datée automatiquement : quiz mercredi 20 h, karaoké le 1er samedi du mois, vinyles le 4e. Plus besoin de compter les samedis.
- Les QR codes déjà imprimés sur les tables fonctionnent toujours et mènent au nouveau menu.
- Un plan du quartier, les horaires du jour mis en évidence, l’itinéraire en un clic.
- Une administration pensée pour le bar : changer un prix, c’est modifier un champ. Fini les images de menu à refaire.
- Le site parle aussi à Google : horaires, adresse et menu sont décrits en données structurées.
Sous le capot, Elementor et ses six extensions laissent place à un thème sur mesure en blocs Gutenberg. Il est hébergé et sécurisé chez nous : connexion protégée, authentification unique, tentatives limitées.
Les chiffres
| Avant | Après | |
|---|---|---|
| Performance (mobile) | 61/100 | 99/100 |
| Affichage du contenu principal | 11,8 s | 1,8 s |
| Poids de la page | 2,3 Mo | 447 Ko |
| Accessibilité | 96/100 | 100/100 |
| Référencement (SEO) | 92/100 | 100/100 |
| Menu | 4 images | 122 produits en texte |
Moins de 4 heures, montre en main
En agence, ce projet se chiffre facilement en jours : maquettes, thème sur mesure, carte administrable, saisie des 122 produits, référencement, accessibilité, recette et mise en ligne. Comptez une dizaine de jours de travail, soit autour de 7 000 € HT, et deux à trois semaines de délai.
Ici, tout a été fait en moins de 4 heures, de l’analyse de l’ancien site jusqu’à la mise en production. C’est le résultat de notre méthode industrialisée : thèmes, hébergement, sécurité et déploiement sont outillés de bout en bout. On peut donc consacrer le temps à ce qui compte, c’est-à-dire un site qui ressemble au lieu.
Chez Oktopod, on en est franchement fiers.
Rendez-vous au 1011, rue Fleury Est
Le plus simple pour juger du résultat, c’est encore d’aller vérifier sur place. On vous propose donc de traverser l’Atlantique pour aller boire un coup au Bar le über. Le menu est à jour, le 4@7 tourne tous les jours de 16 h à 19 h (pinte de Belle Gueule à 7 $), et le quiz du mercredi vous attend à 20 h.
Le billet d’avion n’est pas compris. La pinte non plus, mais au moins vous saurez son prix avant d’arriver.
