L'agence bluedrop.fr collabore sur les projets Drupal de l'Association Aides depuis 2012. Dans le cadre de la Stratégie Nationale de Santé Sexuelle 2017-2030, l'Association nous a confié la conception et le développement d'un modèle de site communautaire propulsé par Drupal. Ce site "pilote" doit servir de modèle à tous les relais de prévention en France.
Nos missions
Le Spot Longchamp, un lieu de santé sexuelle communautaire
L’objectif de ce lieu est de proposer aux populations clés et à leurs partenaires des services et une information adaptée, avec une approche inclusive, positive et non-jugeante de la sexualité dans son ensemble. Ce projet a pour vocation d'être décliné dans plus de 70 villes de France. L'architecture technique du premier site doit par conséquent anticiper ces déploiements.
Objectifs du site
Le site vise à développer et promouvoir des outils de e-santé sexuelle (site internet et application) dans une approche communautaire visant à :
- présenter/promouvoir les offres de lieux physiques de santé sexuelle ;
- offrir des interfaces informatives et didactiques sur l’ensemble outils de prévention ;
- proposer aux personnes des profils numériques de santé sexuelle personnalisés et individualisés (conseils de prévention, rappels de dépistages,
- rappels des vaccinations, espace de notification aux partenaires) ;
- mettre en place une hotline permettant d’avoir un entretien avec un-e accompagnateur·trice communautaire sur des questions de santé sexuelle.
Périmètre
- Site responsive et optimisé pour une expérience mobile augmentée ;
- Site multilingue français / anglais / espagnol ;
- Site déclinable et intégrable à une usine à sites en prévision du déploiement des autres sites des Spots en France ;
- Gestion d'alertes mail et SMS concernant les rappels de vaccination, dépistages ;
- Gestion des enquêtes et profils ;
- Anonymisation des données ;
- Gestion des carnets de santé sexuelle;
- Système de traçage des risques avec informations.
Partage de contenu
Sans anticiper le développement, probablement nécessaire, d'un profil d'installation chargé d'intégrer une console de déploiement d'usine à sites, nous avons pris soin de proposer une solution, déployable rapidement par composer, d'un site facilement paramétrable.
Nous avons en outre anticipé les besoins en partage de contenu par l'utilisation du module Entity Share. Un site peut donc s'abonner à un autre site, récupérer une liste de contenus et choisir lesquels publier sur son site.
Spécificités techniques
UX/UI
Démarche et ateliers UX
Des ateliers de définition des proto-personas et une démarche de design studio ont été proposés aux équipes de l'Association Aides. Nous avons organisé et participé aux ateliers suivants :
- Brainwriting ;
- Tri des idées du brainwriting ;
- Conception de 7 personas ;
- Design studio des pages suivantes : Accueil / Le SPOT / Quizz / FAQ / Rappels et RDV / Notifications.
Ces ateliers ont permis de créer les différents parcours pour les profils concernés. Ils ont été validé par la conception des wireframes des principales pages du siite.
Charte graphique et illustrations
La charte fournie, essentiellement composée d'un logo et de couleurs a été déclinée pour le web et illustrée par les travaux d'une illustratrice de talent - Floriane Ollier.
« Oui, merci pour cette belle collaboration. Le site est à la hauteur de nos attentes, et elles étaient nombreuses, plurielles et élevées !! :) »
Sarah Lablotière Déléguée de AIDES à Marseille