Biris Tech Logo
Biris Tech
Toutes les réalisations
Site Web

Site du Dr Marcos Doussoh, médecin nutritionniste

Le site de référence du Dr Marcos Doussoh : lieux et horaires de consultation, demande de suivi nutritionnel en ligne, bibliothèque vidéo classée par spécialité et articles de prévention.

Client
Dr. Marcos Doussoh
Année
2026
Domaine
Site Web
Voir le projet en ligne
Page d'accueil du site du Dr Marcos Doussoh
15+
Années d'expérience
3
Lieux de consultation
500+
Patients suivis

Le contexte

Le Dr Marcos Doussoh est médecin spécialiste en nutrition et suivi de poids à Cotonou. Il consulte dans plusieurs établissements (la Clinique SERENA, la Clinique BERAKA et un créneau dédié à la consultation nutrition) chacun avec ses propres horaires. Il mène par ailleurs un travail régulier de vulgarisation, avec des passages télévisés et des vidéos sur la pédiatrie, la pneumologie et la santé des adolescents. Avant ce site, ces informations circulaient de façon dispersée et les demandes de suivi nutritionnel arrivaient par téléphone, sans dossier structuré. Il fallait un point d'entrée unique donnant les lieux et horaires de consultation, présentant la démarche du praticien, rassemblant les contenus pédagogiques et permettant d'ouvrir un dossier de suivi en ligne.

La mission

  1. 01Définir la direction artistique du site : typographies, palette et principes de mise en page
  2. 02Structurer l'arborescence : accueil, à propos, vidéos, articles, contact, prise de rendez-vous
  3. 03Concevoir l'espace nutrition avec ses trois parcours : adulte, enfant et suivi en cours
  4. 04Présenter les lieux de consultation avec les horaires détaillés par établissement
  5. 05Développer une extension WordPress sur mesure pour les formulaires et les contenus métier
  6. 06Intégrer une bibliothèque vidéo classée par spécialité, alimentée depuis YouTube
  7. 07Mettre en place l'espace articles pour la prévention et l'éducation à la santé
  8. 08Livrer un back-office où le praticien met à jour ses contenus lui-même

Ce que nous avons fait

La structuration de l'information médicale a précédé toute maquette : séparer nettement ce qui relève de la consultation, ce qui relève du suivi nutritionnel et ce qui relève de la pédagogie, car ces trois besoins n'amènent pas le même visiteur. La direction artistique, que nous avons définie, cherche un registre rassurant sans être froid, adapté à un praticien qui s'adresse autant à des patients qu'à un public large. Le site est construit sur WordPress pour que le praticien publie lui-même ses vidéos et ses articles. Pour les formulaires de suivi et les contenus métier, aucune extension du marché ne convenait : nous en avons développé une sur mesure, qui reste administrable comme le reste du site.

Les livrables

  • Site complet : accueil, à propos, consultations, nutrition, vidéos, articles, contact
  • Direction artistique et déclinaison sur l'ensemble des pages
  • Extension WordPress sur mesure pour les formulaires et les contenus métier
  • Bibliothèque vidéo classée par spécialité, alimentée depuis YouTube
  • Formulaire de demande de suivi nutritionnel avec trois parcours distincts
  • Back-office de publication, pris en main par le praticien

Les résultats

  • Un point d'entrée unique remplaçant des informations jusque-là dispersées
  • Les lieux et horaires de consultation consultables sans appeler
  • Les demandes de suivi nutritionnel reçues par formulaire, avec un dossier structuré
  • Le praticien publie lui-même ses vidéos et ses articles

Les technologies utilisées

Ce qui a servi à mettre le projet en place, et pourquoi ces choix plutôt que d'autres.

Socle et contenus

  • WordPress

    Permet au praticien de publier lui-même ses articles et ses vidéos sans dépendre de nous

  • Thème Hello Elementor

    Base volontairement minimale, qui n'impose aucun style et laisse s'exprimer la direction artistique

  • API REST WordPress

    Ouvre les contenus à des usages ultérieurs, application ou intégration externe

Mise en page

  • Elementor

    Traduit fidèlement les maquettes en pages éditables, espaces nutrition et consultations compris

  • Elementor Pro

    Donne accès aux gabarits d'en-tête et de pied de page globaux, ainsi qu'aux formulaires avancés

Fonctions métier

  • Extension sur mesure

    Développée spécifiquement pour porter les formulaires de suivi, la bibliothèque vidéo et les fiches de consultation, hors des limites des extensions du marché

Interface

  • Cormorant Garamond et DM Sans

    Couple typographique choisi pour une lecture à la fois sérieuse et accessible

  • Alpine.js

    Embarqué par Elementor pour les interactions légères des composants

  • Swiper

    Embarqué par Elementor pour le défilement des chiffres clés et des vignettes vidéo

Hébergement et médias

  • Apache et PHP 8.3

    Environnement mutualisé courant et stable, facile à maintenir localement

  • Chargement différé des images

    Réduit le poids initial des pages sur connexion mobile

  • Vidéos hébergées sur YouTube

    Délègue le poids des médias à une plateforme externe et allège l'hébergement

L'architecture mise en place

Un socle WordPress classique, volontairement simple à administrer, complété par une extension développée pour le praticien afin de porter les formulaires de suivi et les contenus métier.

01

Socle et contenus

Gestion des pages, des articles et des médias par le praticien

  • WordPress
  • Médiathèque
  • API REST
02

Mise en page et design

Traduction de la direction artistique en pages éditables

  • Hello Elementor
  • Elementor Pro
  • Gabarits globaux
03

Fonctions métier

Ce qui est propre au cabinet, hors périmètre des extensions du marché

  • Extension sur mesure
  • Formulaires de suivi
  • Bibliothèque vidéo
04

Diffusion

Chargement sur réseau mobile béninois

  • Apache et PHP 8.3
  • Chargement différé
  • Vidéos externalisées

Le projet en images

Cliquez sur un visuel pour l'agrandir.

Accueil : une santé durable et sur mesure, avec accès direct à l'espace nutrition
Accueil en pleine page : chiffres clés, espace nutrition, lieux de consultation et vidéos
À propos : démarche du praticien et domaines d'intervention
Bibliothèque vidéo classée par spécialité : pédiatrie, pneumologie, psychiatrie
Articles et blog : contenus de prévention et d'éducation à la santé
Contact : coordonnées du cabinet et formulaire de prise de rendez-vous

Sur mobile

La majorité des visites se fait au téléphone : voici le rendu tel que le voit un visiteur.

Accueil en version mobile
À propos en version mobile
Bibliothèque vidéo en version mobile
Articles et blog en version mobile
Formulaire de contact en version mobile

Démonstrations

Parcours complet du siteAccueil, à propos, vidéos, articles et contact.