Sites web

La ferme du Trait Fachet

La refonte du site de la ferme du Trait Fachet reflète une volonté de moderniser l'image de cette exploitation agricole biologique tout en conservant son authenticité. Voici une description structurée de cette refonte, articulée autour de l'expérience utilisateur (UX), de l'accessibilité et de son intégration e-commerce.

La ferme du Trait Fachet
Site web Trait Fachet

De la Terre au Numérique

La refonte visait à transformer un site informatif ou débutant en une véritable vitrine professionnelle capable de soutenir la commercialisation de produits Bio (Gin fermier, tisanes, sels aromatiques).

  • Identité visuelle : Le choix de couleurs sobres, d’une typographie aérée et de photographies de haute qualité (le travail à la ferme, l’âne Melchior, les produits finis) crée un sentiment de confiance et de proximité.

  • Storytelling : L’accent est mis sur l’humain (Claire et Jean les deux fondateurs) et les méthodes de production (traction animale, agriculture biologique), ce qui engage l’utilisateur émotionnellement dès la page d’accueil.

En détails :

1. Atouts UX (Expérience Utilisateur)

L’interface a été repensée pour être intuitive et réduire la charge cognitive :

  • Navigation simplifiée : Le menu est réduit à l’essentiel (Accueil, Qui sommes-nous, Nos produits, Contact), permettant à l’utilisateur de trouver l’information en moins de deux clics.

  • Mobile-First : Le site utilise un framework moderne (thème Hello Elementor associé au page builder Elementor Pro) garantissant une navigation fluide sur smartphone, essentielle pour les clients consultant le site lors de marchés ou via les réseaux sociaux (Instagram/Youtube).

  • Appels à l’action (CTA) clairs : Des boutons tel que  « Commandez par ici ! » guident naturellement le visiteur vers la conversion

  • Les boutons « retour en haut » apparaît au défilement des pages « Contact » présent sur le côté droit des pages permettent de réduire la charge cognitive.


2. Accessibilité Web

La refonte intègre des standards d’accessibilité pour inclure tous les profils d’utilisateurs :

  • Liens d’évitement : Présence de la fonction « Aller au contenu » (Skip to content), indispensable pour les utilisateurs naviguant au clavier.

  • Lisibilité : Un fort contraste entre le texte sombre et le fond blanc cassé, ainsi qu’une taille de police généreuse, facilitent la lecture pour les personnes malvoyantes.

  • Structure sémantique : Utilisation correcte des balises de titre (H1, H2) et de listes, ce qui permet aux lecteurs d’écran (utilisés par les personnes non-voyantes) d’interpréter correctement la hiérarchie de l’information.

  • Gestion du consentement : Un module de gestion des cookies (RGPD) clair et accessible dès l’entrée sur le site.

3. Intégration d’une boutique externe (OTF)

Plutôt que d’alourdir le site principal avec un plugin e-commerce complexe, la ferme a opté pour une intégration intelligente via la plateforme Ouvre ta Ferme (OTF) :

  • Lien transparent : La section « Boutique » redirige vers un sous-domaine dédié (boutique.ouvretaferme.org). Cette séparation technique permet de bénéficier d’un outil métier puissant sans compromettre la vitesse du site vitrine.

  • Gestion simplifiée : L’outil externe gère les stocks en temps réel, les périodes de commande (ex: « Commande possible jusqu’au mardi ») et les points de retrait, ce qui est crucial pour une logistique de vente directe.

  • Rassurance : L’interface de commande est épurée et sécurisée, offrant un tunnel d’achat rapide pour le client, tout en étant facile à administrer pour les producteurs.

Cette refonte réussit l’équilibre entre esthétisme rural et efficacité numérique. Le site n’est plus seulement une carte de visite, mais un outil de vente performant et inclusif, parfaitement aligné avec les valeurs de transparence et de qualité de la ferme du Trait Fachet.

L'histoire de ce site remonte à mon projet de certification (même s'il a été remanié par la suite), un travail qui me tenait à cœur pour accompagner l'aventure agricole de Jean et Claire, qui ne sont autres que mon frère et ma belle-sœur.