Black Bear Studio

Web & Application · Réseau professionnel

La plateforme qui fait tourner tout un réseau

Annuaire et carte, fiches établissement, agenda, adhésion en ligne, outils pour les pros et tout le back-office de l'association.

Client

CEHC

Cercle des Entrepreneurs des Hauts-Cantons

Lieu

Bédarieux

Hauts-Cantons · Hérault

Prestation

Web sur mesure

Conception, développement, mise en ligne

Pour

5 publics

Un espace protégé chacun

Le site

En ligne

cehc.fr

Page d'accueil de cehc.fr en thème sombre : « Réseau des entrepreneurs des Hauts-Cantons », boutons Rejoindre le CEHC et Qui sommes-nous, bandeau agenda en haut
cehc.fr : l'outil de travail du réseau

119

pages publiques et connectées

78

modèles de données

81

livraisons relues et fusionnées

5

espaces protégés

01

Le contexte

Sur un territoire rural, un réseau vit à deux conditions : qu'on le voie, et qu'il ne repose pas sur trois bénévoles et un tableur.

Avril 2026Un réseau naît à Bédarieux

Des commerçants, artisans et indépendants des Hauts-Cantons décident de rompre l'isolement et de travailler ensemble, sous une devise : Excellence • Influence • Territoire.

Le besoinUn seul outil, trois publics

Le public doit trouver un artisan, un commerce ouvert ou un événement. Les membres veulent être visibles et fidéliser leurs clients. Le bureau doit gérer les cotisations, les factures et les réunions.

Le parti pris« Pas un site vitrine de plus »

L'objectif posé dès le départ : l'outil de travail du réseau, pas une brochure en ligne.

ApprocheUne plateforme, cinq espaces

Le visiteur, le particulier inscrit, le pro, le membre de l'association et le bureau n'ont pas besoin des mêmes écrans. Chacun a son espace protégé, et les données personnelles ne sont ouvertes qu'aux rôles qui en ont besoin (administration et DPO).

ApprocheLe territoire d'abord

La carte est la porte d'entrée : filtres par catégorie, « ouvert maintenant », distance depuis sa position. Chaque fiche affiche horaires, jours de marché et avis Google, avec les données structurées qui la font remonter dans la recherche locale.

ApprocheAutomatiser le travail du bureau

Les appels de cotisation partent seuls le 1er juin, avec une relance tous les 30 jours, trois au plus. Les factures sont numérotées sans trou, figées en PDF et annulées par avoir. Le bulletin d'adhésion se génère et part au bureau.

ApprocheRendre la main au client

Catégories, villes, badges, partenaires, événements, newsletter, notifications, publications sur les réseaux : tout se règle depuis l'administration, sans repasser par un développeur.

02

Ce qui a été construit

Un territoire qu'on explore. Carte interactive Google Maps avec regroupement des épingles, filtres, géolocalisation et distance. Fiches à onglets : à propos, articles, événements, marché, avis, offres CEHC. Recherche instantanée (Ctrl K), thème sombre, appli installable avec page hors ligne.

Du visiteur au membre. Six profils d'inscription, de l'artisan à l'exposant. Connexion par email, Google, GitHub, lien magique ou code reçu par email. Revendication de fiche avec justificatif validée par l'équipe, et adhésion en ligne avec bulletin PDF envoyé au candidat et au bureau.

De vrais outils pour les pros. Carte numérique avec page publique, QR code et contact vCard. Fidélité : scan en boutique, paliers de visites, récompense d'anniversaire. Offres réservées aux membres, catalogue, articles et événements. Pour les exposants : candidatures, pièces justificatives avec alertes d'expiration, planning, messagerie.

Un réseau qui garde le lien. Newsletter avec éditeur à 10 blocs, envoi programmé, suivi des ouvertures et des clics, double opt-in. CRM avec listes statiques et dynamiques. Rappels d'événement 24 h et 1 h avant, 22 types de notifications dans le site, en push ou par email, et publication Facebook et Instagram depuis le site.

L'association en ligne. Espace bureau : membres, cotisations, paiements, inscriptions. Factures FAC-AAAA-NNNN et avoirs, PDF figé, envoi par email. Réunions avec présences, documents partagés selon le rôle, et une gamification à 10 niveaux avec badges et classement.

Ce qui tient dans la durée. RGPD : consentements, demandes des articles 15 à 21, export, suppression et purge planifiée ; GA4 chargé seulement après accord. Sécurité : CSP, HSTS, limitation de débit. Quatre tâches planifiées protégées par un secret, suivi des erreurs.

03

Ce qui a été fait

FrameworkNext.js 16 · React 19
InterfaceTailwind 4 · shadcn/ui
DonnéesPostgreSQL + Prisma
ConnexionBetter Auth, 5 rôles
IAAssistant FAQ, textes alt
RéférencementJSON-LD, RSS, llms.txt
QualitéCI, 42 fichiers de tests
HébergementDokploy · Sentry
Carte interactive de cehc.fr : épingles de couleur par catégorie sur les Hauts-Cantons, panneau de filtres avec Ouvert maintenant, ville, distance et catégories
La carte : catégories, « ouvert maintenant », distance.
Fiche de la Brasserie des Aucels à Bédarieux sur cehc.fr : photo de la façade, badge Membre CEHC, adresse, boutons Partager et Favoris
Une fiche membre : la vitrine d'un établissement.

Une petite asso a besoin des garde-fous d'une grande.

Factures sans trou, rôles, RGPD : c'est ce qui permet de confier l'outil à des bénévoles qui changent d'une année à l'autre. L'annuaire est construit autour de la question du visiteur, « ce qu'il y a près de moi, ouvert maintenant », et chaque membre y gagne dès le premier jour : une fiche, une carte QR, une fidélité.

Un projet, un délai serré ?

L'atelier est à Bédarieux : quand c'est court, je ne dépends pas d'un fournisseur. On en parle en 30 minutes.