Espace Abonné

Refonte de l'espace personnel d'une ONG internationale — une interface sobre, un code organisé, des données sous contrôle.

DEMO ★
Espace Abonné

Technologies

Stack Technique

Back-End

MySQL PHP Laravel

Front-End

SCSS JavaScript (ES6+)

Environnement

Docker GitLab OS : Linux

Outils & Méthodes

Design

Figma Photoshop

Méthodologie

Principes SOLID

Détails

Informations

Client ONG
Durée 2 mois
Livré 2026

Progression

55% Archivé
25% En pause
19% En debug

Conformité & qualité

W3C Standards web
AAA Contraste WCAG
OWASP Top 10 sécurité
RGPD Conformité CNIL

UNE REFONTE, UNE MISSION

Une immersion au siège d'une ONG internationale pour refonder son espace abonné.

Le Terrain

Une ONG à vocation humanitaire, ancrée dans un réseau international. Son site existant, livré par un prestataire externe, accumule les accrocs : confirmations qui se perdent, dons qui disparaissent de l'interface, inscriptions qui bloquent. L'équipe administrative compense à la main, au téléphone. Décision prise : reprendre la main en interne, repartir sur une base saine.

La Commande

Reconstruire l'espace personnel des abonnés comme première pierre de la refonte. Leur rendre l'autonomie sur leurs données — dons, reçus fiscaux, abonnements. Assurer la sécurité, la stabilité, la capacité à évoluer. Et en parallèle, proposer une identité visuelle fidèle à la charte du réseau, adaptée aux exigences du web.

La Réponse

Architecture en couches — chaque composant a un rôle unique et clair. Interface construite à partir de briques réutilisables, habillée d'un style sur-mesure pour coller à l'identité visuelle. Communication avec le système de gestion central de l'ONG, sans jamais toucher aux données réelles pendant le développement. Séparation stricte entre identifiants de connexion et informations personnelles, pour une conformité RGPD par conception.

La Livraison

Un espace personnel opérationnel, testé contre le vrai système sans risque pour la production. Tableau de bord synthétique, historique des dons, téléchargement des reçus, gestion des abonnements. Audits techniques validés, contrastes de couleurs conformes au plus haut niveau d'accessibilité. L'équipe interne reprend la main sur un socle prêt à accueillir la suite de la refonte.

TROIS AXES DE TRAVAIL

Visuel, technique, données — trois chantiers menés de front.

Identité & Interface

Analyse comparative des sites du réseau international, puis maquette retravaillée pour respecter la charte tout en gagnant en lisibilité. Palette calibrée pour que les contrastes restent lisibles par tous. Système de blocs réutilisables pour construire les pages vite et proprement, sidebar animée avec carrousel fluide, message d'accueil qui s'adapte à l'heure de la journée. Esthétique dans la composition.

Architecture & Patterns

Un code réorganisé en couches distinctes, chaque pièce concentrée sur une seule responsabilité. L'équipe qui reprendra le projet sait où agir, chaque évolution reste contenue, la dette technique cesse de s'accumuler. Les droits d'accès sont encadrés pour garantir que chaque utilisateur reste sur son propre espace. Solidité dans l'intégration.

Données & Conformité

Les informations de connexion sont séparées des données personnelles, pour une conformité RGPD inscrite dans la structure même de la base. Les éléments sensibles — clés d'accès aux systèmes externes — sont isolés du code public, dans un fichier dédié et protégé. Une synchronisation avec le système central de l'ONG permet à chacun de rester maître de ses informations, quel que soit le point d'entrée. Précision dans la structure.

Une exécution sans compromis...

Un projet qui évolue avec vous et soutient votre développement.

Du brief à la mise en ligne, chaque décision — architecture, design, performance — est pensée pour servir un objectif : une présence digitale claire, cohérente et durable.

Parlons-en.

Donnez vie à votre vision Retour aux projets