Structure et fonctionnalités du site

Le site est organisé en plusieurs pages, sections et blocs imbriqués que chacun apporte une valeur visuelle et organisationnelle au site. Les pages comprennent souvent des sections de texte, des images et des citations avec une bannière en arrière-plan.

Nous avons utilisé une architecture réutilisable, par exemple l’en-tête et le pied de page sont des compositions globaux, garantissant une cohérence et une facilité de mise à jour sur toutes les pages.

Page d'accueil engageante

Cette page débute avec une citation inspirante sur une bannière en arrière-plan pour les projections positives qui peuvent se transformer en réalités, ensuite la page est suivie d’une présentation de la coopérative.

Elle présente un aperçu de la coopératives avec

• son logo et une description engageante,
• des blocs visuels responsifs illustrant l'espace de l'épicerie,
• le nombre de produits,
• la surface cultivée
• et le nombre de ménages coopérateurs.

Les boutons d'appel à l'action (En savoir plus..., Découvrez nos produits, Découvrez nos jardins, Devenir membre) sont conçues pour capter l'attention des visiteurs et les inciter à explorer davantage les différentes sections du site et à s'engager avec l'épicerie.

Utilisation d'un slider interactif pour presenter les trois cercles de coopérateurs, producteurs et nature. Ce qui permet de mettre en avant chaque cercle individuellement, avec une image et un texte explicatif dédiés et une animation simple attirant l'attention du visiteur. En plus de l'animation, les visiteurs peuvent défiler les slides à leur rythme.

En utilisant le slider, nous avons un gain d'espace, c'est-à-dire plutôt que d'afficher les trois cercles côte à côte ou en dessous les uns des autres (ce qui peut être encombrant), le slider permet de présenter chaque élément successivement sans surcharger la mise en page.

Par contre si le contenu est moins encombrant, comme pour la section Ils parlent de nous !, et pour varier la présentation du contenu, nous avons utilisé des colonnes empilable sur mobile pour mettre en avant les médias qui parlent de la coopérative.

La forêt-jardin et le jardin d’Emmy

Cette page est dédiée aux jardins met en avant :

• La culture en serre et en plein air, soulignant l’autosuffisance croissante de l’épicerie pour produire ses fruits et légumes.
• Une mise en page harmonieuse avec des couleurs douces et des blocs de statistiques sur la production maraîchère.
• Un espace dédié aux objectifs de la forêt-jardin, expliquant comment elle favorise la biodiversité avec une diversité de baies, de noix et autres fruits délicieux.

Page des produits

Cette page met en avant la catégorisation d'environ 700 produits disponibles à l'épicerie avec

• une présentation claire en alternant des images et du texte explicite,
• une section dédiée aux producteurs mettant en avant leur engagement bio, local et artisanal,
• un slider interactif présentant les principaux producteurs avec leurs produits phares.