Site vitrine • SEO & Performance • UI/UX Design

Off The Beaten Tracks

Plateforme web, agenda culturel et vitrine éco-conçue pour un tiers-lieu solidaire lyonnais

ClientAssociation Off The Beaten Tracks
RôlesArchitecture Web & Astro, Développement Front-end, UI/UX Design & Intégration, SEO Local & JSON-LD
StatutEn ligne

Le contexte du projet

Off the Beaten Tracks est une association, dont le tiers-lieu solidaire et interculturel est situé au 236 Cours Lafayette à Lyon 3e, hébergé au sein de la Maison de l’Hospitalité.

Pour accompagner l’ouverture de leur espace café-bar-bibliothèque et structurer leur communication digitale sans impacter la trésorerie de l’association, il était indispensable de concevoir une plateforme sur-mesure, rapide, moderne et ne générant aucun frais d’hébergement ou de services externes. ni d’abonnement mensuel.

Le site s’articule autour de trois axes fondamentaux :

  1. L’Association : Présentation du projet solidaire, des valeurs et des moyens de s’engager.
  2. Le Café & Tiers-lieu : Horaires d’ouverture, accès physiques, carte et repères visuels d’accueil.
  3. L’Agenda Culturel : Consultation des concerts, expositions, cours de danse et ateliers participatifs.

Choix techniques & Architecture SSG

Pour garantir un niveau de performance maximal et une empreinte carbone minimale, la solution repose sur le générateur de site statique Astro couplé à Tailwind CSS.

Les bénéfices majeurs de cette architecture :

  • Zéro JavaScript inutile : Astro génère des pages HTML/CSS pures au build, garantissant un chargement instantané (< 0.8s) même sur les réseaux mobiles faibles des visiteurs du café.
  • Content Collections typées : La gestion des événements et des contenus s’appuie sur TypeScript et Zod, éliminant les erreurs de saisie de dates ou de catégories.
  • Hébergement 100% Gratuit : Déploiement automatisé sur Vercel à chaque mise à jour du code, assurant un coût de fonctionnement fixe de 0 €/mois.
  • SEO & Accessibilité : Implémentation des balises OpenGraph, des fils d’Ariane dynamiques et des données structurées CafeOrCoffeeShop pour un positionnement optimal sur les recherches locales lyonnaises.
// Stack :AstroTailwind CSSTypeScriptVercelKeystatic
// Problème principal

L'association et son tiers-lieu manquaient de clarté pour présenter leur agenda culturel mouvant (ateliers réguliers vs concerts), n'avaient aucun support pour la location de salle et devaient impérativement respecter un budget récurrent de 0 €/mois.

// Solution apportée

Développement d'un site statique ultra-rapide sous Astro avec Content Collections, filtrage dynamique de l'agenda, schémas SEO locaux pour Lyon 3e et hébergement gratuit sur Vercel.

01100/100Score PageSpeed
02< 0.8sTemps de chargement
030 €/moisCoût récurrents