Mike SOBTAMFOEngineer · Digital solutions
FR
Let’s talk

Demonstration project — fictional brand

AZOBÉ Eco-⁠Lodge

The website of an eco-lodge in Kribi, where guests know the exact price of their stay before they write.

HospitalityGrand Batanga, KribiCameroon, diaspora and Europe

View the site A similar project?
Home page of the AZOBÉ site on desktop, with the booking bar placed over the beach photo
The same home page on mobile

Project sheetAEL

Sector
Leisure hospitality
Market
Cameroon, diaspora, Europe
Type
Showcase site and booking
Pages
35
Languages
French, English
Built in
2026

The need

AZOBÉ is an eco-lodge with fourteen units on the Atlantic coast. Its guests come from Douala, the diaspora and Europe. Many now book through platforms that take 15 to 20% commission. It needs a website that sells directly, in French and English, without making anyone write in to learn the price.

For their customers

A couple from Douala picks a weekend in November. The calendar shows the price of each night, then the total in CFA francs and in euros, the deposit and the free-cancellation deadline. They send their request on WhatsApp without having had to ask for a single price.

What I built

  • The booking engine at the options step, with the summary: total of 427,500 FCFA, about 652 euros, deposit and free cancellation

    A direct booking engine

    Dates, travellers, unit, options: the total updates with every choice. Three nights in the Moabi Bungalow for two adults and one child come to 427,500 FCFA, about €652, of which 128,500 FCFA is the deposit.

  • The accommodation page, with its filters and the first listing, the Case Iroko

    Five types of accommodation to compare

    Sea view, private pool, wheelchair access: the visitor filters, then puts two or three units side by side in a table.

  • The full-screen gallery open on the Moabi Bungalow, with the filmstrip of nine photos

    A full-screen gallery

    Nine photos of the place, to browse large, with a mouse or the keyboard. Guests see the beach and the rooms before they book.

  • The experiences page, with its filters and the first cards: Lobé Falls and sea turtles

    Experiences to add to the stay

    Nine outings with duration, minimum age and price. One click on “Add to my stay” and the engine’s total follows.

Design choices

Sand, midnight blue and a touch of brass: the beach, the evening sky, an old jetty. The headings look like a travel magazine, and the prices stay easy to read.

  • Newsreader for headings
  • Instrument Sans for text and data
  • SandBackground#F6EDE0
  • Midnight blueText, footer#0D2339
  • BrassDetails#BC9041
  • ForestConfirmations#2F5B43

Measurements

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

MetricMobileDesktop
Performance87100
Accessibility100100
Best practices100100
SEO100100
Largest Contentful Paint (LCP)2,526 ms689 ms
Transferred size275 KB465 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)