Mike SOBTAMFOEngineer · Digital solutions
FR
Let’s talk

Demonstration project — fictional brand

Ebanda & Valcourt

The website of a business law firm, with a map where you click a country to see how the firm works there.

Business lawyersDouala and ParisAfrica and Europe

View the site A similar project?
Home page of the Ebanda & Valcourt site on desktop: serif heading, two drawn offices and a gold ampersand
The same home page on mobile

Project sheetE&V

Sector
Business lawyers
Market
Africa and Europe
Type
Showcase site and appointments
Pages
29
Languages
French, English
Built in
2026

The need

Ebanda & Valcourt advises companies between Europe and the 17 OHADA member states, from Douala and Paris. A lawyer may not publish client reviews or client names. The site has to build trust in other ways: clear information, signed publications and fees that are explained.

For their customers

A director based in Europe wants to open a subsidiary in Senegal. They click the country, see the currency, the legal language and the lawyers concerned, then ask for an appointment. The form is already half filled in.

What I built

  • The OHADA map with Senegal selected, and the panel giving the capital, the currency, the legal language and the lawyers in charge

    A map of the 17 OHADA states

    You click a country. A panel gives the capital, the currency zone, the legal language and the lawyers in charge. The map can also be used with the keyboard.

  • Step 3 of 7 of the appointment request, with Senegal already filled in

    An appointment request in 7 steps

    The client describes their situation in about two minutes. From the map, the form opens straight at step 3, with the country already ticked.

  • The lawyer directory filtered on German: only one lawyer remains

    A filterable lawyer directory

    By language, expertise, office or role. With “German”, one lawyer is left, and the result is announced. Their page lets you download their contact card.

  • The expertise page: table of contents on the left, then OHADA company law with the client’s stakes and what the firm does

    Eight detailed areas of expertise

    For each one: the client’s stakes, what the firm does, the lawyers to contact. The table of contents stays visible while you read.

Design choices

Plenty of ivory, navy ink, gold rules and an italic ampersand as a signature. No scales of justice or Greek columns: the firm conveys a calm authority.

  • Libre Caslon Text for headings
  • Public Sans for text and forms
  • IvoryBackground#F6F3EB
  • InkText#171B22
  • NavyAction, headings#142643
  • GoldRules, ampersand#C1A057

Measurements

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

MetricMobileDesktop
Performance8099
Accessibility100100
Best practices100100
SEO100100
Largest Contentful Paint (LCP)2,426 ms685 ms
Transferred size142 KB186 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)