Café Lux est un café au cœur des Galeries de Granby : cafés gourmets, espresso, gelato, viennoiseries et desserts. Le site présente le menu, la galerie, les avis des clients et les renseignements pour la visite. Le mandat comprenait aussi cinq affiches numériques pour les téléviseurs du café et une publication Facebook pour le recrutement.
Mandat et objectif
Un site web pour le café des Galeries de Granby (menu, galerie, avis, renseignements de visite), cinq affiches numériques pour ses téléviseurs et une publication Facebook de recrutement.
Rôle et responsabilités
Design et conception du site, conception des affiches et rédaction de la publication ; les photos et les renseignements (menu, prix, heures) proviennent du Café Lux et de sa fiche Google.
Crédits
Contrat client. Les photos et les renseignements (menu, prix, heures) proviennent du Café Lux et de sa fiche Google. Le design, la conception du site, les affiches et la publication sont faits par moi.
Utilisation d’IA
J’ai utilisé Claude Code pour programmer et déboguer le site, à partir de mon template de dossier de projet IA, et pour intégrer cette fiche au portfolio, à partir de mon dossier client. Ma contribution personnelle comprend la direction visuelle, le design du site, les cinq affiches, la publication Facebook et la validation du résultat.
Étapes de production
-
Étape 1 : Recherche d’une direction visuelle
J’ai d’abord cherché une direction visuelle adaptée à l’image du Café Lux : « Bon café. Bon prix. », une ambiance chaleureuse et un service décontracté au cœur des Galeries de Granby.
-
Étape 2 : Structure du site
Le site d’une page regroupe l’essentiel pour un visiteur : les spécialités, le menu avec ses prix, la galerie de photos, les avis des clients et la section « Passez nous voir » avec les renseignements de contact.
-
Étape 3 : Cinq affiches pour les téléviseurs
J’ai conçu cinq affiches numériques diffusées sur les téléviseurs du café, puis je les ai adaptées au format des écrans avec des ajustements pour un résultat conforme aux attentes.
-
Étape 4 : Publication Facebook de recrutement
J’ai rédigé et mis en forme une offre d’emploi, publiée sur la page Facebook de l’entreprise et diffusée dans des groupes d’emplois pertinents de la région.
-
Étape 5 : Mise en ligne
Le site a été mis en ligne avec Firebase Hosting et un processus automatisé, comme pour mes autres sites, afin de ne pas refaire d’étapes manuellement.
Technologies
-
Site statique d’une page, entièrement réalisé en code.
-
Galerie avec visionneuse, menu de navigation, heures d’ouverture et carte : les interactions sont gérées sans framework.
-
Hébergement du site et mise en ligne automatisée.
-
Publication de l’offre d’emploi sur la page de l’entreprise et diffusion dans des groupes d’emplois de la région.
-
Programmation et débogage assistés par l’agent Claude Code à partir de mon template de dossier de projet IA.
Défis
Concevoir cinq affiches pour les écrans du café tout en gardant une direction visuelle cohérente avec le site, puis les adapter au format des téléviseurs avec un nombre limité de séries de modifications.
Solutions
J’ai d’abord fixé une direction visuelle commune, à l’image du café (« Bon café. Bon prix. », ambiance chaleureuse), puis j’ai conçu les affiches et je les ai adaptées au format des écrans avec des ajustements ciblés, pour un résultat conforme aux attentes.
Résultat final
Un site d’une page en ligne, cafe-lux-granby.web.app, cinq affiches diffusées sur les téléviseurs du café et une offre d’emploi publiée sur la page Facebook de l’entreprise.