Demonstration project — fictional brand

NJANSANG

A restaurant website in Douala: you pick a dish, then book a table in a few clicks.

RestaurantsDouala, CameroonAfrica and diaspora

Home page of the NJANSANG site on desktop
The same home page on mobile

Project sheetNJA

Sector
Restaurants
Market
Africa and diaspora
Type
Restaurant website
Pages
26
Languages
French, English
Built in
2026

The need

NJANSANG serves contemporary Cameroonian cooking. The chef wants a full dining room without spending her days on the phone. Some of her customers live abroad and would like to treat a relative back home.

For their customers

A customer reads the menu and rules out what they don’t eat: peanuts, gluten, chili. They book in two minutes without calling and get a confirmation. From Paris, they can order a gift box and have it delivered to their mother in Douala.

What I built

  • The restaurant menu with the Vegetarian and Peanut-free filters on, and the number of dishes left

    A menu you can filter

    Diet, allergens, spice level: you tick a box, the menu shrinks and shows how many dishes are left. A customer with an allergy quickly finds a meal.

  • First step of the booking: a choice between a regular table and the chef’s table, then the number of guests

    A booking in 5 steps

    Table, date, time slot, contact details, summary. A full slot offers the waiting list, and the confirmation can be added to the calendar.

  • The Takeaway page, with its gift boxes and dishes to order

    An order sent by WhatsApp

    The customer builds their order and chooses pickup or delivery, including for a relative. The summary goes to WhatsApp, ready to read.

Design choices

A menu printed on cream paper, with the warmth of terracotta and ochre. A few sections switch to a night background, like a dining room lit by candles.

  • Fraunces for headings
  • Hanken Grotesk for text and prices
  • CreamBackground#F8F1E3
  • InkText#271610
  • TerracottaAction#B34F2A
  • OchreAccent#E1A035

Measurements

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

Lighthouse scores and size of the NJANSANG home page
MetricMobileDesktop
Performance87100
Accessibility100100
Best practices100100
SEO100100
Largest Contentful Paint (LCP)2,529 ms652 ms
Transferred size310 KB327 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

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)