Étude de cas

Doolittle Lake Club – Portail privé pour membres

Objectif du projet: Construire un portail communautaire sécurisé réservé aux membres avec gestion documentaire, calendrier, météo et infolettres.

Client

Doolittle Lake Club

Technologies

  • WordPress
  • Bootstrap 5
  • Webpack 5
  • Gutenberg Blocks
  • PHP
  • MySQL
  • SASS
  • FullCalendar
  • Google Calendar API
  • OpenWeatherMap API
  • Google Tag Manager
  • REST API
  • WP-Cron

Contexte

Doolittle Lake Club est une communauté privée de lac située à Norfolk, Connecticut. Le club avait besoin d’un site web sécurisé, réservé aux membres, où actionnaires et membres pourraient consulter les documents du club, le calendrier communautaire et les répertoires de membres, gérer l’inventaire et recevoir des infolettres. Tout le contenu est protégé par une connexion, et chacun voit ce que son rôle lui permet de voir.

Le défi

Le site devait desservir deux groupes d’utilisateurs distincts, les membres et les actionnaires, avec des niveaux d’accès différents. Les actionnaires devaient accéder à des documents financiers, dossiers de propriété et informations de parcelles invisibles aux membres réguliers. La plateforme nécessitait également la météo en temps réel, un calendrier communautaire synchronisé avec Google Calendar, des téléchargements sécurisés de documents, un système d’infolettre avec ciblage par rôle, et la gestion autonome des profils.

Ce que nous avons construit

Contrôle d’accès membres

  • Rôles WordPress personnalisés : Membre et Actionnaire, un même utilisateur pouvant cumuler les deux rôles
  • Restrictions d’accès par page : contenu réservé aux actionnaires caché des membres réguliers
  • Navigation sensible aux rôles : éléments de menu masqués automatiquement selon le rôle
  • Flux de connexion personnalisé avec formulaire de marque, réinitialisation de mot de passe et redirection post-connexion

Gestion documentaire

  • Deux types de contenu documentaire : Documents du club (tous les membres) et Documents propriétaires (actionnaires uniquement)
  • Organisation par catégorie et année avec filtrage en barre latérale
  • Téléchargement sécurisé des fichiers : chemins encodés en base64, vérification d’utilisateur connecté, téléchargement forcé avec types MIME appropriés

Fonctionnalités communautaires

  • Répertoire des membres : accordéon avec recherche et coordonnées
  • Répertoire des actionnaires : détails de propriété, numéros de parcelle et de lot, informations d’actions
  • Gestion d’inventaire : suivi des biens communautaires par catégorie et par emplacement
  • Petites annonces locales : annonces publiées par les membres, filtrables par catégorie
  • Modification de profil en libre-service

Calendrier et météo

  • Intégration Google Calendar via FullCalendar v6 : modal d’événement, export ICS, liens Google Calendar
  • Widget météo en temps réel dans la barre supérieure, alimenté par l’API OpenWeatherMap avec icônes SVG personnalisées, température, humidité, vent

Système d’infolettre

  • Type de contenu infolettre avec ciblage par rôle : envoi à tous, actionnaires uniquement, membres uniquement ou administrateurs
  • Traitement par lots via WP-Cron (25 courriels par lot avec limitation)
  • Courriels personnalisés avec gabarit HTML de marque et journalisation des envois

Blocs Gutenberg personnalisés

  • Plus de 15 blocs Gutenberg personnalisés : section, rangée, colonne, affichage, arrière-plan, accordéon (avec schéma FAQ), bouton (avec téléchargement sécurisé), derniers articles (filtrés par rôle), derniers documents, diaporama héros, formulaire de connexion, sélecteur de menu
  • 5 blocs de métadonnées pour gérer les articles, pages, inventaire, documents et annonces depuis l’éditeur

Résultats

Le club dispose désormais d’un portail privé où membres et actionnaires trouvent les documents, les répertoires, le calendrier, la météo, les infolettres et les petites annonces, chacun selon ce que son rôle lui permet de voir. Les administrateurs du club gèrent eux-mêmes le contenu, les infolettres et les fiches des membres dans WordPress. Les infolettres partent du site lui-même, par lots, sans service d’envoi externe.

WPlook Studio héberge le portail sur WPL Hosting et en assure la maintenance.