MBIOFARMERS

M'BIOFARMERS est un producteur agroalimentaire béninois : production maraîchère, transformation agroalimentaire, agriculture durable. Piment, ananas, plantain, maïs, papaye, noix et huile de palme — une filière complète, du champ au produit fini.

Une marketplace qui ne vend pas en ligne

Le catalogue ressemble à un e-commerce : cartes produit, fiches détaillées, visuels soignés. Mais il n'y a ni panier ni paiement.

C'est un choix, pas un manque. Sur ces produits, le prix dépend du volume commandé, l'unité varie (kilo, sac, litre), et l'acheteur est souvent un grossiste ou un restaurateur qui veut parler à quelqu'un. J'ai donc remplacé le tunnel d'achat par un formulaire de commande placé directement sous chaque fiche produit : nom, contact, quantité avec sélecteur d'unité, message libre.

La fiche produit conserve ce qui rassure comme le visuel en grand format, description, note, et un indicateur de disponibilité en temps réel sans promettre une transaction que l'entreprise ne peut pas honorer automatiquement.

Trois publics, trois portes

Le site s'adresse à des acheteurs, à des partenaires potentiels et à des visiteurs qui découvrent la marque. D'où trois entrées distinctes : la marketplace pour commander, une page « Devenez partenaire » avec son propre formulaire orienté organisation, et une page « Œuvres caritatives » qui explique à quoi servent les bénéfices.

Cette dernière n'est pas décorative. Sur un marché où l'argument bio seul ne suffit pas à justifier un écart de prix, l'engagement social fait partie de l'offre.

L'architecture des gabarits

Neuf modèles conçus : accueil, à propos, marketplace, fiche produit, services avec FAQ, liste d'articles, article détaillé, contact, partenariat et œuvres caritatives.

L'ensemble repose sur un système de blocs réutilisés en-tête à bandeau de contact, formulaire type décliné en quatre variantes selon l'usage, carte d'article commune à l'accueil, au blog et aux suggestions de fin d'article, pied de page unique. Chaque nouveau produit ou article s'insère sans intervention de conception.

Le multilingue est prévu dès la maquette, avec un sélecteur de langue dans la navigation : la cible ne se limite pas au marché intérieur.

Direction visuelle

Vert et jaune sur fond blanc, photographies de produits en pleine lumière sur fond sombre. Le parti pris est celui du produit brut plutôt que de l'illustration champêtre un piment, un ananas, une régime de bananes, sans mise en scène. Sur un site qui vend du bio, la photo est l'argument.

Rôle : Conception UI/UX maquettes et système de composants
Outils : Figma
Périmètre : 9 gabarits · Vitrine, marketplace, blog, formulaires, multilingue