Groupe d'habitants réunis au coucher du soleil

Prototype interactif

Les Ateliers de la Guill'

Le site vitrine d'une association de quartier lyonnaise, de la page d'accueil jusqu'au tableau de bord des bénévoles. Tout est cliquable, tout se parcourt.

214

adhérents en 2025

48

bénévoles actifs

5

ateliers hebdomadaires

14

années dans le quartier

2 interfaces, une application

Choisissez votre rôle pour explorer le prototype.

Site public

Pour les habitants et les donateurs

Les quatre pages du site vitrine : accueil, association, actions et contact. Agenda, inscription aux ateliers, adhésion en ligne et carte des lieux.

  • 4 pages publiques
  • Adhésion et don en 3 étapes
  • Carte OpenStreetMap
Ouvrir l'interface

Espace bénévoles

Pour l'équipe qui fait tourner le local

Le tableau de bord interne : créneaux de permanence, alertes de sous-effectif, demandes reçues et fichier des adhérents.

  • Planning des permanences
  • Boîte de demandes
  • Fichier adhérents
Ouvrir l'interface

Ce que le site change au quotidien

Une association de quartier n'a ni temps ni budget à perdre. Le site vitrine est conçu pour absorber ce qui se fait aujourd'hui au téléphone et sur papier.

Un agenda qui vit

Les prochains rendez-vous remontent sur l'accueil, avec le nombre de places restantes calculé en direct.

Adhésion en ligne

Formule, coordonnées, récapitulatif : le parcours d'adhésion et de don tient en trois écrans, sans papier.

Ancré dans le quartier

Le local et les trois lieux partenaires sont posés sur une vraie carte, avec les accès en transports.

Lisible sur mobile

Sept visiteurs sur dix arrivent depuis un téléphone : chaque page est pensée d'abord pour cet écran.

Les cinq ateliers mis en scène

Le contenu de la démo reprend le fonctionnement réel d'une association de quartier lyonnaise. Les chiffres et les noms sont fictifs.

Commencez par la page d'accueil

La barre en bas de l'écran permet de passer d'une interface à l'autre à tout moment. Elle se déplace au glisser-déposer si elle vous gêne.

Entrer dans la démo