Mike SOBTAMFOEngineer · Digital solutions
FR
Let’s talk

Demonstration project — fictional brand

Maison Kôssi

An online fashion shop, from basket to Mobile Money payment, in FCFA or in euros.

Fashion and beautyDoualaCentral Africa and Europe

View the site A similar project?
Home page of the Maison Kôssi shop on desktop, with the heading “Elegance that comes from here” and a wax-print dress
The same home page on mobile

Project sheetKÔSSI

Sector
Fashion and beauty
Market
Central Africa and Europe
Type
Online shop
Pages
30
Languages
French, English
Built in
2026

The need

Maison Kôssi cuts its wax-print dresses in a workshop in Douala. It wants to sell to Cameroonians, who mostly pay by Mobile Money or on delivery, and to the diaspora, who pay by card in euros. The shop must take payment both ways, with no nasty surprise on fees.

For their customers

Aïcha, in Douala, picks a dress, pays with her phone and knows the courier comes tomorrow. Grace, in Paris, gives an outfit to her mother: she sees the price in euros, duties included, and nothing is due on delivery.

What I built

  • The MTN Mobile Money payment request, drawn as a phone screen, with the amount of 40,000 FCFA and the approve button

    An order in 4 steps

    Contact details, delivery, payment, review. Fees are visible from step 2. For Mobile Money, the shop simulates the request on a phone: you approve or decline, to see both cases.

  • The Akwa dress page with the price in euros, €69, and the note “VAT and duties included”

    Prices in FCFA or in euros

    A “Delivery” button switches zone. Prices change to euros, VAT and duties included, and the basket stays in place. Nothing is converted on the fly: each zone has its own prices.

  • The shop page with its filters and product cards

    A catalogue you can sort

    Filters by size, colour, price and fabric, plus search and sorting. The number of items updates with every choice.

  • The lookbook page of the Wouri collection, with hotspots placed on the pieces in a photo

    A lookbook with hotspots

    On each photo of the collection, numbered hotspots open the item’s page. You go from picture to purchase without leaving the page.

  • The story page of the house, with the breakdown of a dress’s price

    A story that reassures

    The founder, the workshop, the partner artisans and a breakdown of a dress’s price. Enough to reassure someone ordering from far away.

Design choices

A beautiful printed catalogue rather than a marketplace: cream background, deep indigo, and a woven cloth selvedge that doubles as the progress bar during checkout. The photos sit inside arches, like workshop doors.

  • Unbounded, wide and geometric, for headings
  • Figtree for text and prices
  • CreamBackground#F7EDDC
  • InkText#1C1B2B
  • IndigoAction#1B275F
  • Kente goldAccent#EAB532

Measurements

Home page of the demo, on mobile and on desktop.

MetricMobileDesktop
Performance88100
Accessibility100100
Best practices100100
SEO100100
Largest Contentful Paint (LCP)2,346 ms617 ms
Transferred size210 KB230 KB

Measured on 3 October 2026 with Lighthouse 13 (default profiles), page served compressed from a local server, as in production.

Built with AI

Design, art direction and checks by me. Code and content produced in collaboration with AI agents, then reviewed and tested.

How I work with AI

All work

Let’s talk about your project.

Tell me what you do and what you need. I reply within one business day.

You talk to me directly

Mike SOBTAMFO · engineer · Cameroon (UTC+1)