Bibliothèque d'objets - Quimper (2024)
L'Objethèque de Cornouaille est une association basée à Quimper qui permet aux habitants d'emprunter des objets du quotidien plutôt que de les acheter, favorisant ainsi un mode de vie plus durable.

Aperçu du projet
Conçu en collaboration avec Jade Ounaphom, créatrice audiovisuelle, le site met en avant le fonctionnement de la bibliothèque d'objets, ses actualités et permet d'accéder au catalogue des objets disponibles.


Défis et approche
Contraintes budgétaires
Développer une solution professionnelle avec des ressources très limitées et sans possibilité d'investissement dans des services payants coûteux.
Intégration système existant
Faire cohabiter harmonieusement le site avec MyTurn, un logiciel tiers déjà utilisé par l'association pour la gestion des prêts.
Visibilité sociale
Créer une présence cohérente entre le site web et les réseaux sociaux, essentiels pour une petite structure qui doit se faire connaître localement.
Interface accessible
Concevoir un parcours utilisateur intuitif pour un public très varié, incluant des personnes peu familières avec la technologie.
Maintenance facilitée
Permettre aux bénévoles non-techniques de gérer le contenu du site sans formation spécifique ni intervention d'un développeur.
Solutions mises en œuvre
Approche pragmatique et économique
💼Utilisation d'Astro pour créer rapidement un site léger et performant, tout en intégrant les outils déjà existants de l'association pour ne pas alourdir leur budget (solution MyTurn à 30€/an).
Focus sur l'essentiel
🎯Structure simple et efficace centrée sur les besoins réels des utilisateurs : comprendre le principe de l'objethèque, voir les actualités et accéder au catalogue des objets.
Intégration sociale
🔄Utilisation d'un flux Facebook pour afficher les actualités, permettant à l'équipe bénévole de ne gérer qu'un seul canal de communication tout en alimentant le site web automatiquement.
Collaboration créative
🎨Travail en étroite collaboration avec une designeuse qui a créé l'identité visuelle et les éléments graphiques, apportant une dimension professionnelle au projet malgré les contraintes.
Mode sombre adaptatif
🌓Implémentation d'un mode sombre qui s'adapte automatiquement aux préférences système de l'utilisateur, sans bouton de toggle pour préserver l'identité visuelle de l'association en mode clair par défaut, tout en améliorant le confort visuel et réduisant la consommation d'énergie sur les appareils à écran OLED/AMOLED.
Calendrier interactif des événements
📅Développement d'un calendrier intuitif avec Alpine.js permettant aux visiteurs de visualiser rapidement les ateliers et événements à venir.
Automatisation des mises à jour
🤖Création d'un workflow GitHub Actions qui récupère quotidiennement les données d'événements depuis l'API HelloAsso et génère un fichier JSON statique, permettant aux bénévoles de mettre à jour les événements sans intervention technique.


Leçons apprises
- L'adaptation des solutions techniques aux contraintes réelles est plus importante que la perfection technique
- L'intégration intelligente de services tiers peut compenser les limitations budgétaires
- L'automatisation bien pensée est un investissement qui autonomise les équipes non-techniques sur le long terme
Réflexion personnelle
Ce projet, bien qu'imparfait d'un point de vue technique, représente une étape importante dans mon parcours de développeur. Réalisé bénévolement pour une association locale, il répond à un besoin concret avec les moyens disponibles. Si je devais le refaire aujourd'hui, j'explorerais des alternatives aux iframes et je mettrais davantage l'accent sur les performances. Néanmoins, ce site remplit efficacement sa mission principale : aider une association éco-responsable à promouvoir le partage d'objets dans sa communauté, tout en minimisant les besoins d'intervention technique grâce à l'automatisation.
Technologies et outils utilisés
Intéressé par une collaboration?
Je suis disponible pour des missions ponctuelles ou longue durée, des projets d'équipe ou des consultations en éco-conception web.
Me contacter