Contexte & enjeux
L'association Statut Victimes accompagne gratuitement et en toute confidentialité les victimes d'infractions pénales : violences physiques ou conjugales, harcèlement, accidents, cybercriminalité, vols et escroqueries. Membre de la fédération nationale France Victimes, elle travaille en partenariat avec la Police Nationale, la Gendarmerie, le Ministère de la Justice et le Barreau de Paris.
Avant notre intervention, l'association n'avait pas de présence digitale à la hauteur de sa mission. Les victimes se retrouvaient sans ressource en ligne pour comprendre leurs droits, accéder à des informations fiables ou contacter rapidement un professionnel. L'équipe gérait ses contenus (articles, documents, messages) manuellement et sans outil centralisé.
- Pas de plateforme web dédiée pour informer et orienter les victimes.
- Aucun outil de gestion de contenu interne pour les juristes et bénévoles.
- Impossible de diffuser des ressources juridiques ou psychologiques à grande échelle.
- Numéro d'urgence (116 006) et services peu accessibles en ligne.
Objectifs de la mission
FoxiWeb a été mandaté pour concevoir et développer une plateforme web complète, pensée pour répondre aux besoins spécifiques d'un public fragilisé et aux exigences d'une organisation associative.
🛡️ Côté victimes
- Un site vitrine rassurant, accessible et optimisé pour le SEO.
- Un blog d'information juridique et psychologique (articles, guides).
- Un espace de ressources téléchargeables (modèles de documents, guides).
- Un formulaire de contact sécurisé pour une prise en charge rapide.
- Mise en avant du 116 006, numéro national d'aide aux victimes.
⚙️ Côté association
- Un back-office d'administration sécurisé (authentification, sessions).
- Gestion complète des articles du blog (rédaction, publication, mise en avant).
- Gestion de bibliothèques de documents PDF téléchargeables.
- Consultation et gestion des messages reçus via le formulaire de contact.
- Notifications e-mail automatiques pour les nouvelles demandes.
Notre approche
La sensibilité du sujet — accompagner des personnes en situation de détresse — a guidé chaque décision de design et de développement. L'accessibilité, la clarté et la réassurance ont été nos boussoles tout au long du projet.
- Discovery & cadrage (1 semaine). Analyse de la mission associative, des personas (victimes, bénévoles, juristes), cartographie des contenus existants et définition du périmètre technique. Benchmarking des sites France Victimes et associations similaires.
- Design & identité visuelle (1 semaine). Choix d'une palette bleue institutionnelle (confiance, protection) avec des accents verts (espoir, accompagnement). Typographies Manrope et Inter pour une lisibilité maximale. Design épuré qui met l'information au premier plan.
- Développement front-end (2 semaines). Architecture Nuxt 3 SSR pour une indexation optimale par les moteurs de recherche. Composants accessibles, design responsive (mobile-first), animations légères pour ne pas distraire. Intégration du système de design en CSS vanilla sans framework superflu.
- Back-end & administration (2 semaines). API Nuxt (serveur Nitro) avec authentification sécurisée (bcrypt, sessions HTTP-only), base de données MySQL, gestion des fichiers, envoi d'e-mails via SMTP IONOS. Back-office complet avec éditeur de texte riche (Tiptap).
- Déploiement & CI/CD (1 semaine). Mise en production sur serveur IONOS via CloudPanel et Nginx. Pipeline GitHub Actions automatisé (build, tests, déploiement FTP). Configuration SSL, headers de sécurité HTTP, monitoring.
Stack technique
Front-end
- Nuxt 3 (SSR)
- Vue 3 Composition API
- CSS Vanilla (custom design system)
- Tiptap (éditeur WYSIWYG)
- Pinia + VueUse
Back-end
- Nitro (serveur Nuxt)
- MySQL 2 (base de données)
- Bcrypt (sécurité mots de passe)
- Nodemailer + IONOS SMTP
- Sessions HTTP-only sécurisées
Infrastructure
- IONOS (hébergement)
- CloudPanel + Nginx
- GitHub Actions (CI/CD)
- Déploiement FTP automatisé
- SSL/TLS, headers de sécurité HTTP
Résultats clés
Mise en ligne
6 sem.
Du brief à la mise en production, toutes fonctionnalités incluses
Accessibilité
100%
Responsive — mobile, tablette et desktop — optimisé pour tous les publics
Fonctionnalités
10+
Modules livrés : blog, documents, admin, contact, pages dynamiques…
L'association dispose désormais d'une plateforme professionnelle qui lui permet de toucher un public bien plus large, de diffuser des informations fiables et de gérer son contenu en totale autonomie grâce au back-office. Les victimes peuvent trouver rapidement des ressources, comprendre leurs droits et prendre contact en quelques clics.
Spécificités du projet associatif
Ce projet présentait des défis particuliers liés à la nature associative et caritative du client. La gratuité et la confidentialité sont les piliers de l'activité de Statut Victimes — des valeurs que nous avons dû traduire visuellement et fonctionnellement dans chaque recoin du site.
Le design doit inspirer confiance immédiatement. Une victime en détresse n'a pas de temps à perdre : elle doit trouver l'aide dont elle a besoin en moins de 30 secondes.
Nous avons également intégré nativement les bonnes pratiques SEO pour que le site soit visible sur des requêtes critiques ("aide aux victimes", "porter plainte", "soutien psychologique victime"…) et contribue ainsi directement à la mission de l'association en touchant plus de personnes qui en ont besoin.