Étude de cas · Association · Social & Santé mentale

La Porte
Ouverte

Création du site WordPress national et des landing pages locales haute performance pour une association d'écoute anonyme active depuis 45 ans. UX psychologique, SEO local, mobile-first absolu, template multi-antennes.

Client Fédération des Portes Ouvertes de France
Secteur Social · Santé mentale · Bénévolat
URL la-porte-ouverte.fr
Stack WordPress · Kadence · CF7 · HTML5/CSS3
la-porte-ouverte.fr
Qui sommes-nous Nos lieux Bénévole Contact
⚡ Besoin de parler maintenant ?
Besoin de parler ?
Nous écoutons.
Un espace d'écoute anonyme, gratuit et sans rendez-vous, près de chez vous. 7j/7, 365j/an.
100% Anonyme
Totalement Gratuit
Sans Rendez-vous
Trouver un lieu d'accueil
Notre mission
Paris Ouverte 7j/7
Toulouse 14h30 – 19h
Bordeaux 14h – 18h
Rouen Horaires ›
4
Antennes locales
Paris, Toulouse,
Bordeaux, Rouen
45
Ans d'écoute
Association fondée
depuis plus de 45 ans
365
Jours / an
Ouvert 7j/7 —
sans rendez-vous
0
Coût pour le visiteur
Accueil 100% gratuit —
bénévoles formés
Le projet

Une association essentielle
sans présence digitale à la hauteur

La Porte Ouverte est une association nationale d'écoute anonyme, gratuite et sans rendez-vous. Ses bénévoles formés accueillent toute personne en difficulté — solitude, angoisse, burnout, mal-être — sans jugement ni démarche administrative.

L'association disposait d'un site institutionnel vieillissant, avec des pages "villes" peu engageantes et une identité visuelle qui ne reflétait pas la qualité et la profondeur de son action. Le défi majeur : convertir les recherches locales en visites réelles aux permanences.

La mission : refondre entièrement le site WordPress national et créer des landing pages locales haute performance, accessibles sur mobile, rassurantes pour un public en situation de fragilité.

  • Pages locales peu engageantes, horaires et accès peu clairs
  • UX critique : public fragile nécessitant un parcours rassurant
  • Mobile-first absolu — la majorité des accès en situation d'urgence
  • SEO local à optimiser pour "écoute + ville" et "soutien psy + département"
  • Template scalable pour décliner rapidement de nouvelles antennes
  • Collaboration avec le Conseil d'Administration national
Fiche client
La Porte Ouverte
Fédération nationale · la-porte-ouverte.fr
Mission Écoute anonyme, gratuite, sans RDV
Disponibilité 7j/7 · 365 jours/an
Équipe Bénévoles formés à l'écoute non-directive
Financement Dons (66% déductibles) · Mairies · ARS · FDVA
Gouvernance Conseil d'Administration national
Les 4 antennes
Paris
Lun–Dim
Toulouse
7j/7 · 14h30–19h
Bordeaux
Lun–Sam · 14h–18h
Rouen
Mer–Sam
Stack technique

Code ultra-léger.
Performance mobile absolue.

🧩
CMS
WordPress + Kadence
Thème Kadence avec child theme sur mesure. Architecture de pages repensée pour la clarté d'accès. Zéro dépendance à un page builder lourd.
Child theme Mobile-first
⚡
Performance
Core Web Vitals
Code HTML5/CSS3 ultra-léger sans frameworks. Utilisation de clamp() et CSS Grid pour une adaptation parfaite de l'iPhone au desktop. Temps de chargement minimal.
clamp() CSS Grid
🎨
UX Psychologique
Design rassurant
Colorimétrie Rouge PO + typographie Montserrat lisible. Badges d'accessibilité (7j/7, Anonyme, Gratuit) visibles immédiatement. Parcours pensé pour un public fragile.
Rouge PO Montserrat
📍
SEO local
Landing pages locales
Structure H1/H2/H3 optimisée pour "écoute + ville" et "soutien psychologique + département". Schema.org LocalBusiness par antenne. Rank Math configuré.
Schema.org Rank Math
🚇
UX locale
Badges transports
Intégration visuelle des données transport local : Tisséo (Toulouse), TBM (Bordeaux). Badges lignes de métro/tram pour lever les freins au déplacement.
Tisséo TBM Bordeaux
📧
Formulaire
Contact Form 7
Routing email par antenne locale — chaque message de contact est envoyé automatiquement à l'antenne correspondante selon la page. RGPD conforme.
Routing local RGPD
Ce qui a été développé

Un site pensé pour
faciliter l'accès au soutien.

Landing pages locales scalables
Template HTML/CSS réutilisable permettant de décliner une nouvelle antenne en moins d'une heure. Chaque page intègre adresses, horaires, transports, partenaires et formulaire de don local.
Mobile-first absolu — Core Web Vitals
Code ultra-léger sans frameworks lourds. Bouton d'appel CTA visible en 3 secondes sur mobile. Priorité absolue : une personne en difficulté ne doit pas chercher.
Tunnel bénévole optimisé
Parcours recrutement en 3 étapes claires : lettre de motivation → formation à l'écoute non-directive → supervision mensuelle psychologue. Engagement et clarté dès la première visite.
Don local via HelloAsso
Bouton de don direct vers la page HelloAsso de chaque antenne. Mention déductibilité fiscale (66% particuliers, 60% entreprises) intégrée pour maximiser la conversion.
La Porte Ouverte · Toulouse
7j/7 · 365j/an
Permanence principale
34 rue des Couteliers, 31000 Toulouse
Tous les jours : 14h30 – 19h00
B Carmes
A Esquirol
Point relais
Médiathèque José Cabanis · 1 allée J. Chaban-Delmas
Tous les jeudis : 14h00 – 18h00
A Marengo-SNCF
Partenaires institutionnels
Mairie de Toulouse
ARS Occitanie
FDVA
Faire un don local
Devenir bénévole
Ce qui a été livré

Un projet complet.
Mis en ligne et opérationnel.

01
Site national WordPress
Refonte complète du site national : thème Kadence child sur mesure, page d'accueil avec vidéo background, parcours visiteur repensé, navigation simplifiée, footer avec liens dons.
Kadence child Vidéo hero Mobile-first RGPD
02
4 landing pages locales
Pages haute performance pour Paris, Toulouse, Bordeaux et Rouen. Chacune avec horaires, adresses, transports locaux (Tisséo, TBM), partenaires institutionnels et tunnel don/bénévole.
Paris Toulouse Bordeaux Rouen SEO local
03
SEO local & Schema.org
Structure H1/H2/H3 optimisée par antenne, schema.org LocalBusiness par ville, Rank Math configuré, meta titles et descriptions adaptées à chaque territoire, hreflang si besoin.
Schema.org Rank Math SEO sémantique
04
Template scalable
Template HTML/CSS documenté permettant de créer une nouvelle antenne locale en moins d'une heure. Conçu pour une équipe non-technique — le CA peut déployer une nouvelle ville sans développeur.
Template réutilisable Documentation Autonomie CA
"

NovaSiteWeb a su comprendre la sensibilité de notre mission — faciliter l'accès à l'écoute pour des personnes en situation de fragilité. Le site est clair, rassurant, et nos bénévoles peuvent désormais orienter directement les personnes vers la bonne antenne depuis n'importe quel appareil.

PO
Conseil d'Administration Fédération des Portes Ouvertes de France
★★★★★ 5/5
Évolution

La suite du projet
en 3 phases.

Phase 1 — Livré Lancement national

Refonte complète du site, 4 landing pages locales, SEO, mise en ligne.

Site national WordPress 4 landing pages locales Badges transports (Tisséo, TBM) SEO local + Schema.org Routing CF7 par antenne Template scalable documenté
Phase 2 — En cours Conversion & engagement

Augmenter le nombre de dons, de bénévoles recrutés et de visites aux permanences.

Intégration Google Maps par antenne Formulaire bénévole amélioré Avis et témoignages bénévoles Pop-up saisonnier don de fin d'année Newsletter Brevo bénévoles
Phase 3 — Mois 3+ Expansion & nouvelles antennes

Déployer de nouvelles antennes locales et renforcer la visibilité nationale.

Nouvelles antennes (Nantes, Lyon...) Blog ressources santé mentale Espace presse institutionnel Rapport d'activité PDF annuel Maintenance mensuelle
Votre projet

Vous avez une association,
une structure sociale, une ONG ?

NovaSiteWeb conçoit des sites WordPress sur mesure pour les associations et organisations à impact. Devis gratuit sous 24h.

Demander un devis Voir nos réalisations