Étude de cas / Web
Esperanza
Rétablissement éthique des addictions — Essaouira, Maroc

Vue d'ensemble
Le Projet
Esperanza est un programme éthique de rétablissement des addictions en expansion du Royaume-Uni vers le Maroc. Chris Soloman, le fondateur, dirige esperanzahealth.co.uk au Royaume-Uni et lance un programme au Maroc avec son premier événement — une retraite de musicothérapie à Dar Souiri à Essaouira, septembre 2026.
Mon rôle : full-stack — design, développement, déploiement et transfert. Le brief : un site que Chris pourrait montrer à ses prospects avec confiance, sachant qu'il se chargerait vite, se lirait bien et inspirerait confiance dès la première seconde.
Stack
Durée
Avril 2026 — en cours
Service
Développement Web →Contexte
Le Défi
Le public est composé de personnes en crise — ou de leurs familles cherchant à leur place. Ils comparent les programmes de réhabilitation au Royaume-Uni, en Espagne, en Thaïlande et au Maroc. La confiance est primordiale. Un site qui semble générique, lent ou légèrement décalé les perdra en quelques secondes au profit d'un concurrent mieux positionné.
Le SEO est le canal d'acquisition principal. Esperanza Maroc est en concurrence avec des annuaires de réhab britanniques établis avec des années d'autorité de liens. Le site doit se positionner sur des termes longue traîne comme « réhab éthique Maroc » et « rétablissement addictions Essaouira » alors que le domaine est tout neuf sans aucun historique.
Le calendrier était serré : Chris avait besoin d'un MVP présentable avant de contacter les partenaires d'orientation, bien avant la retraite de septembre 2026. La Phase 1 était en anglais uniquement. Le français et l'arabe viendront en Phase 2 une fois le contenu validé et le programme en fonctionnement.
Solution
L'Approche
J'ai choisi Astro plutôt que Next.js pour ce projet. Le site est axé sur le contenu sans fonctionnalités authentifiées — la génération statique offre les meilleures performances possibles et le déploiement le plus simple. Chaque page est livrée en HTML pré-rendu avec zéro JavaScript côté client sauf si un composant le demande explicitement. Cloudflare Pages gère l'hébergement sur le tier gratuit avec distribution edge mondiale.
Le système de design privilégie la chaleur et la crédibilité plutôt que le look clinique que la plupart des sites de réhab adoptent par défaut. Des tons terre sourds, des espaces blancs généreux et de vraies photos quand c'est possible. Pas de photos stock de gens se tenant la main sur une plage. La typographie est lisible à toutes les tailles parce que les familles qui cherchent à 2h du matin sur leur téléphone sont le public le plus important.
L'intégration Stripe se fait via un lien de paiement externe plutôt qu'un flux de paiement personnalisé — le bon choix pour la Phase 1 car cela évite entièrement le périmètre PCI tout en donnant à Chris un pipeline de réservation fonctionnel. Les tests E2E Playwright couvrent le formulaire de contact, la navigation et le flux de réservation parce que la qualité sur un site critique pour la confiance compte plus que livrer un jour plus tôt.
Résultats
État actuel
- MVP Phase 1 construit et déployé
- Lighthouse ≥ 95 dans les quatre catégories
- Formulaire de contact opérationnel via Resend
- Flux de réservation Stripe en ligne (lien de paiement externe)
- Suite de tests E2E Playwright couvrant les parcours critiques
- Structure multilingue en place (FR/AR pour Phase 2)Phase 2
- Passe complète du contenu et photographiePhase 2
- Campagne SEO et stratégie de backlinksPhase 2
Avec le recul
Ce que je ferais différemment
Les Content Collections d'Astro étaient sur-dimensionnées pour le volume de contenu de la Phase 1. Le site a moins de dix pages — des imports MDX simples auraient été plus simples et plus rapides à itérer. La validation de schéma de collection est précieuse à grande échelle, mais à cette taille elle a ajouté de la complexité de configuration sans attraper de vrais bugs.
Je commencerais aussi la suite Playwright plus tôt. J'ai écrit les tests après la première passe de fonctionnalités, ce qui a nécessité de retrofitter les sélecteurs. Écrire le premier test smoke en même temps que la première page aurait pris dix minutes et aurait attrapé un bug de routage que j'ai trouvé manuellement.
Ce projet utilise le service Développement Web .
← Tous les projetsUn projet avec des contraintes similaires ?
Public critique pour la confiance, calendrier serré, exigences SEO fortes — j'ai déjà vécu ça.