Café de Saint-Lô
Un site vitrine pour un bar-brasserie de la rue du Neufbourg. Le site suit l’heure de la journée : le café du matin, le plat du jour à midi, le goûter, puis l’apéritif.
Le contexte
Un café de centre-ville avec une terrasse et une ardoise qui change chaque jour. Ma première démo ressemblait trop à mes autres sites.
Le défi
Créer un site aussi vivant que le lieu, différent des deux autres démos, et qui montre ce qui compte au moment de la visite.
Mon rôle
- Concept « Du matin au soir » : quatre moments choisis selon l’heure.
- Intégration HTML, CSS et JavaScript, ardoise du jour et avis Google.
- Retours mobile : logo plus grand, menu animé, bouton de retour en haut.
- SEO local, Google Search Console, Bing et contrôle qualité Lighthouse.
01 / 06
Un concept à part
Mes deux premières démos se ressemblaient. Pour ce café, l’idée est différente : « Du matin au soir ». Le site change avec l’heure, comme la salle.
Contexte Ouvert ou fermé, horaires du jour, quatre moments.
02 / 06
Quatre moments
Selon l’heure, le site montre le café en terrasse, le plat du jour, le goûter ou l’apéritif. La photo, la couleur du ciel, le titre et le bouton utile changent ensemble.
Un site qui suit l’heure Matin, midi, goûter, apéro : la photo, la couleur et le titre changent.
03 / 06
Pensé pour le téléphone
Quatre boutons sous la photo, un geste pour la faire glisser et un petit rappel la première fois.
L’ardoise et l’addition L’ardoise du jour à la craie et la note Google en ticket.
04 / 06
L’ardoise du jour
Le plat du jour est écrit à la craie, comme dans la salle. Les avis Google sont présentés comme une addition.
Le moment sous le pouce Quatre boutons sous la photo, ou un geste pour la faire glisser.
05 / 06
Le soir, en sombre
Après 18 h, le site passe en sombre, à l’heure de l’apéritif. Chacun peut changer de thème ou de langue.
L’édition du soir Thème sombre après 18 h et version anglaise complète.
06 / 06
Qualité et mise en ligne
Polices hébergées sur le serveur, Google Maps chargé seulement au clic, sitemap bilingue, Search Console et Bing. Un bandeau « démo » reste visible.
Livraison Scores Lighthouse réels et liste de ce qui a été livré.
Une démo, pas une commande
J’ai créé ce site pour présenter mon travail au gérant, qui a accepté qu’il reste en ligne pendant une période d’essai et qu’il soit montré ici. Il porte un bandeau « site démo » et sera retiré sur simple demande.
Contact
Un poste, une mission ou une simple question ?
Je réponds en français ou en anglais, en général sous 48 heures.