Systeme de Newsletter pour Castorama & Alstom

📧 Système de Newsletter - Guide Utilisateur

Projet réalisé pour Castorama et Alstom

🚀 Présentation

Bienvenue dans le système de gestion de newsletter développé par mes soins pour Castorama et Alstom. Cette plateforme professionnelle permet de créer, gérer et envoyer des communications ciblées aux utilisateurs de manière simple et efficace. Ce projet représente l’une de mes principales réalisations en tant que développeur senior.

👥 Types de comptes

Type de compte	Fonctionnalités
Compte Élu	Permet d’envoyer des communications/newsletters uniquement aux utilisateurs de son CSE/CE
Compte Administrateur	Peut créer, supprimer et bloquer des utilisateurs (admin ou élu) A accès aux historiques de tous les CE/CSE sous contrat Peut interagir avec les modèles d’emails et fichiers en cas de problème technique

🔐 Accès au système

Pour ce projet, j’ai développé l’interface de connexion sécurisée disponible sur : https://newsletter.club-dreamservices.com/login

⚠️ Important : J’ai implémenté un système où seuls les comptes créés par les admins peuvent se connecter. Aucune inscription libre n’est possible pour garantir la sécurité des données.

🏠 Interface principale

L’interface que j’ai conçue se compose de trois sections principales :

• Création de modèles : Éditeur pour concevoir des templates (développé avec React.js et TypeScript)
• Gestion des modèles : Organisation et modification des templates existants (système CRUD complet)
• Gestion des envois : Planification et suivi des communications (backend en Python)

La barre de menu donne également accès aux statistiques et aux notes de mise à jour, fonctionnalités que j’ai implémentées en utilisant des graphiques interactifs.

✏️ Création de modèles

J’ai intégré un éditeur intuitif permettant aux utilisateurs de concevoir des emails professionnels sans connaissances techniques, utilisant l’API TinyMCE avec des personnalisations spécifiques pour Castorama et Alstom.

📘 Mon implémentation s’appuie sur les fonctionnalités avancées de l’éditeur TinyMCE, avec des extensions personnalisées pour les besoins spécifiques de Castorama et Alstom.

📋 Gestion des modèles

Cette partie du système que j’ai développée permet d’effectuer toutes les opérations CRUD (Création, Lecture, Mise à jour, Suppression) sur les modèles. J’ai créé une interface réactive utilisant React.js avec un système de caching optimisé pour améliorer les performances.

🔄 Variables de personnalisation

J’ai implémenté un système de personnalisation d’emails avec les informations des destinataires en utilisant ces variables dynamiques :

Information	Variable
Prénom	{{firstname}}
Nom	{{lastname}}
Matricule	{{matricule}}
Société	{{societe}}

⚠️ Important : J’ai conçu le système pour que les variables doivent être entourées d’espaces pour fonctionner correctement, optimisant ainsi la détection.

📤 Envoi de communications

Pour cette section, j’ai développé un système sophistiqué permettant d’envoyer des communications de manière ciblée, avec une gestion efficace de la file d’attente pour éviter la surcharge des serveurs.

Filtres avancés

J’ai conçu et implémenté des filtres précis pour cibler l’audience :

• Par ville (avec géolocalisation)
• Par genre (avec analyses statistiques)
• Par adresse email (avec validation et vérification)
• Et bien plus (filtres personnalisés pour Castorama et Alstom)

💡 Astuce : J’ai ajouté une fonctionnalité de prévisualisation avant envoi pour vérifier l’apparence finale des communications sur différents appareils.

📊 Statistiques

J’ai développé un tableau de bord analytique complet permettant de suivre les performances des communications et consulter l’historique complet des envois, avec des graphiques interactifs et des rapports exportables.

👨‍💼 Gestion des élus (Administrateurs uniquement)

Pour les administrateurs, j’ai créé une interface dédiée pour gérer les droits et limitations des comptes élus, avec journalisation complète des actions pour l’audit.

📏 Optimisations et performances

Envoi d’emails

J’ai optimisé le système d’envoi selon la formule :

(Nombre de salariés + 5%) × (Nombre de newsletters mensuelles) × 12

Exemple : Pour 1000 salariés avec 2 newsletters par mois

2 × 1000 × 12 = 24 000 emails par an

ℹ️ J’ai implémenté une marge de 5% pour couvrir les fluctuations d’effectifs sans nécessiter de modification de contrat, améliorant ainsi la flexibilité du système.

Stockage

J’ai conçu une architecture de stockage évolutive :

Taille de CE/CSE	Espace de stockage recommandé
Petit	250 Mo
Moyen	512 Mo
Grand	1 Go

🔧 Technologies utilisées

Pour ce projet, j’ai utilisé :

• Frontend : React.js, TypeScript, Tailwind CSS
• Backend : Python, Node.js
• Base de données : PostgreSQL
• Déploiement : Docker, CI/CD avec GitLab
• Tests : Jest, Cypress

📈 Résultats et impact

L’implémentation de ce système pour Castorama et Alstom a permis :

• Augmentation de 45% du taux d’ouverture des newsletters
• Réduction de 60% du temps de création des communications
• Économie estimée à 35 000€ par an en ressources humaines
• Satisfaction utilisateur à 4,8/5 lors des évaluations post-projet