3 mois
De la conception à la mise en ligne
+20 %
d’engagement supplémentaire visé
+20 %
de sources de trafic attendues
3 mois
De la conception à la mise en ligne
+20 %
d’engagement supplémentaire visé
+20 %
de sources de trafic attendues
Sommaire

LES PROBLÉMATIQUES


Mémo de Vie est un outil numérique, porté par l'association France Victimes, destiné à aider les personnes victimes de violences à centraliser, sécuriser et valoriser des preuves, dans une logique de recours juridique ou d’aide psychologique. La transformation de cette plateforme représente un levier stratégique fort pour France Victimes : elle permet de renforcer son rôle de soutien, d’optimiser ses services, de fluidifier la communication avec les victimes, et d’amplifier sa visibilité et ses actions de sensibilisation. Ils ont fait appel à nous pour refondre entièrement ce "coffre-fort numérique", tout en repensant la landing page pour mieux faire connaître l’outil auprès du public et des professionnels relais.

#1 Une accessibilité à renforcer
Pour toucher un public vulnérable, parfois en grande précarité numérique, l’interface devait répondre aux standards d’accessibilité (RGAA) tout en étant claire, lisible et mobile-friendly.

#2 Une sécurité à toute épreuve
Le moindre défaut de sécurité pouvait avoir des conséquences graves. L’ensemble du parcours devait garantir la confidentialité, la non-traçabilité, et la sérénité des usagers.

#3 Une interface rassurante, sans être stigmatisante
L’enjeu était de créer une expérience chaleureuse et digne, sans tomber dans l’ultra-institutionnel. Cela passait aussi par une refonte complète de l’ancienne plateforme, afin de corriger toutes les frustrations et bugs identifiés, et de garantir une expérience fluide, notamment sur mobile.

#4 Un besoin de notoriété pour faire connaître l’outil
La refonte visait aussi à augmenter la visibilité de Mémo de Vie, en valorisant la mission du projet auprès des relais professionnels (médicaux, sociaux, judiciaires...) et du grand public.

User research

LES CHANTIERS MENÉS PAR NOS ÉQUIPES

Le projet a été mené par une équipe resserrée et complémentaire : une product designer en charge de l’UX/UI et de la direction artistique, un product manager pour orchestrer l’ensemble du chantier et prioriser les besoins, un développeur pour la partie technique du coffre-fort, et un intégrateur Webflow pour la refonte du site vitrine. Ensemble, ils ont posé les bases d’une solution robuste, humaine et sécurisée.

Wireframes low-fi

#1 Rencontrer et écouter les utilisateurs concernés
Nous avons mené des interviews utilisateurs avec des femmes et des hommes victimes de violences, afin de comprendre leurs usages, leurs freins et leurs attentes. Ces échanges ont été menés avec beaucoup de tact et en lien avec des structures spécialisées. Nous avons également embarqué les parties prenantes clés du dispositif, comme des mandataires judiciaires ou des représentants de l’ordre des médecins.

Illustrations & Branding

#2 Concevoir une identité visuelle forte et réconfortante
Nous avons développé une direction artistique sur mesure, chaleureuse et respectueuse, pensée comme une safe place. Lors des entretiens utilisateurs, plusieurs personnes ont exprimé le besoin d’un espace qui leur ressemble : un cocon, un lieu réconfortant et personnel, à l’opposé d’une interface froide ou médicalisée. Les illustrations, créées spécifiquement pour le projet, contribuent ainsi à créer un univers à la fois sensible et reconnaissable.

Maquette & prototype

#3 Refondre l’expérience utilisateur de bout en bout
Le coffre-fort numérique a été entièrement repensé pour être fluide, mobile-friendly et simple à prendre en main. Le travail a débuté par la réalisation de wireframes low-fi, afin d’explorer les parcours sans contrainte visuelle et de clarifier les priorités fonctionnelles. Chaque écran a ensuite été retravaillé en haute fidélité pour faciliter les actions clés (ajouter un élément de preuve, partager un document, consulter son dossier). Le tout dans une logique d’accessibilité renforcée (conforme RGAA).

#4 Sécuriser techniquement un environnement à haut risque
L’un des plus gros défis a été de garantir un très haut niveau de sécurité : mise en conformité RGPD, audit, chiffrage, gestion des accès, non-indexation. Côté stack, l’application repose sur Laravel avec Livewire et Tailwind, un socle moderne, rapide et modulaire. Pour renforcer la sécurité côté utilisateur, un système de code à 6 chiffres a été mis en place, ainsi qu’un bouton "Je quitte" permettant de fermer instantanément l’application en cas de danger. Nous avons également accompagné la migration technique de l’ancienne plateforme vers la nouvelle sans perte de données sensibles.

Une stratégie au service de l'impact social
Nous avons conçu ce projet comme un levier de changement, autant pour les personnes victimes de violences que pour les professionnels. En partant des usages réels, en intégrant toutes les parties prenantes et en articulant sens, sécurité et design, nous avons construit une solution sobre, robuste et humaine.

LES RÉSULTATS

#1 Une interface réinventée
L’outil propose désormais une navigation claire, accessible et rassurante. L’ambiance graphique et épurée, favorise l’appropriation tout en respectant la charge émotionnelle des situations vécues.

#2 Un socle sécurisé et conforme, prêt à évoluer
Grâce à la mise en conformité RGPD, à l’audit de sécurité et à l’architecture technique revue, Mémo de Vie est désormais prêt à accueillir de nouveaux usages (partage de dossier, suivi avec les professionnels, accès tiers…).

#3 Un nouveau visage pour toucher plus largement
La landing page permet désormais de mieux expliquer la mission de l’outil et d’embarquer les professionnels dans une logique de relais. Le message est clair, rassurant, et centré sur l’utilité concrète pour les personnes victimes de violences.

Découvrir d’autres
success stories

Media & Divertissement

Média Participations

DSI externalisée pour accompagner le groupe dans l'accélération de sa delivery
Voir le cas client
RH & Intérim

Tkcare

Refonte d'une application mobile pour une agence d'intérim dans la santé
Voir le cas client
RH & Intérim

Chronos Jobs

Création d'une application mobile et d'un back-office pour réseau d'agences d'intérim
Voir le cas client
Media & Divertissement

Champion Spirit

Conception et développement d'une application mobile pour un réseau de salles de sport
Voir le cas client
Construction & Immobilier
Industrie & Énergie

BTP Consultants

DSI externalisée en charge de la création d’un socle applicatif et d'une application métier pour un grand groupe immobilier
Voir le cas client
Mobilité & Transport
Industrie & Énergie

Travaux & Environnement

Application de gestion des équipes sur les chantiers (suivi rh, pointage horaire, comptes-rends, suivi de matériel, …)
Voir le cas client
Mobilité & Transport

CPZou

Création d’une application mobile pour Zou un acteur majeur du transport urbain et interurbain en Provence
Voir le cas client

Échangeons sur votre projet !

Application web
Application mobile
Logiciel métier
Nous contacter

Simulateur

Bienvenue dans le
simulateur d’estimation

Sélectionnez
vos besoins

Sélectionnez un ou plusieurs choix

Définissez les
fonctionnalités

Sélectionnez un ou plusieurs choix

Dernière
étape !

Renseignez votre adresse mail pour recevoir l’estimation !
Obtenez l’estimation
Précédent
Suivant

Bravo ! Vous avez terminé
l’estimation de votre future app !

Vous recevrez dans votre boite mail l’estimation personnalisé. Une estimation vous offre la possibilité de vous projeter dans un budget, vous permettant ainsi de planifier en toute confiance. Néanmoins, chez Yield, nous adoptons une approche agile, prêts à remettre en question et ajuster nos évaluations en fonction de l'évolution de vos besoins et des spécificités de votre projet.
Retour au site
Oops! Something went wrong while submitting the form.