- Accueil
- /
- Blog
- /
- Études de Cas
- /
- Refonte du site web de l'Amap de la Goutte d'Eau
Refonte du site web de l'Amap de la Goutte d'Eau


TL;DR
Ce projet consistait à moderniser le site web de l'AMAP de la Goutte d'Eau, pour le rendre plus accessible et améliorer son référencement.
Table des matières
Origine du projet
Avant toute chose, qu'est-ce qu'une AMAP ? Il s'agit d'une Association pour le Maintien d'une Agriculture Paysanne. Le principe est simple : des consommateurs signent un contrat avec des payans locaux, et s'engagent à leur acheter leur produits tout au long de l'année. Les consommateurs (les "Amapiens") bénéficient de produits locaux de qualité, qu'ils payent au juste prix puisqu'il n'y a pas d'intermédiaire. En contrepartie, cela assure une visibilité financière aux paysans, ce qui les aide à surmonter les nombreux imprévus de leur métier. Et bien entendu, cela les aide à se détacher de la dépendance aux enseignes de grande distribution.
Pour être tout à fait transparent, l'AMAP de la Goutte d'Eau a été créée par ma mère et ses amis, je connais donc bien le projet depuis des années !
J'avais remarqué que leur site internet était vieillissant, et ne correspondait pas aux attentes des utilisateurs actuels. Mais comme il 'agit d'une association à but non lucratif, il n'était pas question de payer pour créer un site internet.
En ce qui me concerne, j'avais du temps libre, et je me suis donc proposé pour refaire leur site. J'y voyais non seulement une opportunité de m'exercer avec des technos que je venais d'apprendre, mais surtout le projet correspondait totalement à mes valeurs d'engagement social et environnemental, c'était donc un plaisir de travailler dessus.
Intentions
Le problème du précédent site était qu'il était devenu, au fil des ans, un endroit un peu "fourre-tout", et il était devenu vraiment difficile de retrouver une information précise.
L'objectif de la refonte était donc avant tout de moderniser l'interface, et de clarifier la navigation.
Il fallait également que le contenu soit facilement modifiable par les bénévoles, sans que j'aie à intervenir.
En bonus, je voulais améliorer le SEO pour que le site soit mieux référencé, pour apporter plus de potentiels adhérents à l'AMAP.
Technologies utilisées
J'ai choisi d'utiliser NextJs pour ce projet, car il permet de créer des sites très performants et optimisés pour le SEO. De plus, c'est un framework stable, qui est utilisé sur de nombreux sites en production, il m'est apparu que c'était une option pérenne.
Pour la gestion de contenu, j'ai choisi d'utiliser Netlify CMS, un CMS gratuit et open source, qui utilise git pour stocker le contenu. Ainsi, pas besoin de base de données !
Fonctionnalités
Le site est relativement simple.
Une page d'accueil présente le concept de l'AMAP pour les nouveaux arrivants.
Pour ceux qui sont déjà membres, ils peuvent retrouver les informations importantes, à savoir les contrats en PDF, et les informations de contact des producteurs.
Une section actualité permet à tout le monde de rester au courant des nouveautés de l'AMAP.
Axes d'amélioration
Lorsque j'ai créé le site, je n'ai pas cherché à optimiser l'impact environnemental. Pourtant, cela aurait du sens pour une telle association.
À l'avenir, j'esssayerai donc d'optimiser le site, en utilisant moins d'images par exemple.
Le site de l'AMAP de la Goutte d'Eau est disponible ici.