MBIOFARMERS

M'BIOFARMERS is a Beninese food producer: market gardening, food processing, sustainable agriculture. Chilli, pineapple, plantain, maize, papaya, palm nuts and palm oil — a complete supply chain, from field to finished product.

A marketplace that doesn’t sell online

The catalogue looks like an online shop: product cards, detailed pages, polished visuals. But there is no basket and no payment.

That is a choice, not a gap. For these products, the price depends on the volume ordered, the unit varies (kilo, bag, litre), and the buyer is often a wholesaler or a restaurant owner who wants to talk to someone. So I replaced the checkout with an order form placed right under each product page: name, contact, quantity with a unit selector, free message.

The product page keeps what reassures — the large visual, description, rating and a real-time availability indicator — without promising a transaction the company can’t fulfil automatically.

Three audiences, three doors

The site speaks to buyers, potential partners and visitors discovering the brand. Hence three separate entry points: the marketplace to order, a “Become a partner” page with its own organisation-oriented form, and a “Charity work” page explaining what the profits are used for.

That last one isn’t decorative. In a market where the organic argument alone isn’t enough to justify a price gap, social commitment is part of the offer.

The template architecture

Nine templates designed: home, about, marketplace, product page, services with FAQ, article list, article page, contact, partnership and charity work.

Everything relies on a system of reusable blocks — header with a contact banner, a standard form available in four variants depending on use, an article card shared by the home page, the blog and end-of-article suggestions, a single footer. Every new product or article slots in without any design work.

Multilingual support was planned from the mockup stage, with a language switcher in the navigation: the target goes beyond the domestic market.

Visual direction

Green and yellow on white, product photos in full light on a dark background. The approach favours the raw product over rustic illustration — a chilli, a pineapple, a bunch of plantains, no staging. On a site that sells organic food, the photo is the argument.

Role: UI/UX design — mockups and component system
Tools: Figma
Scope: 9 templates · Showcase, marketplace, blog, forms, multilingual