One voice
Un site pour comprendre la mer... et celles et ceux qui sauvent des vies
Client
SNSM Sauveteurs en mer
Secteur
Association & environnement
Expertises
Digital
Challenge
Hors-champs
Challenge
Valoriser l’engagement de celles et ceux qui sauvent des vies.
La SNSM joue un rôle essentiel dans la sécurité en mer. Mais derrière l’institution, l’engagement humain reste souvent invisible pour le grand public. Le site devait évoluer pour mieux raconter les missions de l’association, rendre plus lisible son action et faciliter l’engagement : qu’il s’agisse de soutenir les sauveteurs ou de rejoindre leurs rangs.
Hors-champs
Mettre l’action au cœur du récit digital.
Le véritable enjeu n’était pas seulement de moderniser un site. Il fallait transformer la manière de raconter la SNSM. Derrière chaque intervention, il y a des femmes et des hommes engagés, souvent bénévoles, qui interviennent dans des situations extrêmes. La refonte devait donc replacer ces engagements humains au centre de l’expérience et rendre l’action immédiatement compréhensible.
OUTSIDER MOVE
Mettre en lumière les visages du sauvetage en mer.
Outsider move
Un design clair et structuré pour rendre l’action immédiatement lisible.
DISPOSITIF
L’interface a été conçue pour traduire visuellement l’univers et les missions de la SNSM. La palette de couleurs s’appuie sur les codes maritimes et l’identité de l’association afin de renforcer la reconnaissance de la marque. L’iconographie, simple et pédagogique, facilite la compréhension des contenus et des parcours. La structure visuelle privilégie des blocs éditoriaux clairs, des hiérarchies typographiques fortes et des visuels immersifs qui mettent en avant l’action des sauveteurs.
Un challenge technique à tous les niveaux
Plusieurs aspects stratégiques entrent en jeu pour assurer une expérience utilisateur optimale et fonctionnelle. La conception d’une architecture multisites permet une gestion centralisée et personnalisée des différentes entités du groupe, tandis qu’un brandcenter dédié aux collaborateurs offre un espace sécurisé pour les ressources internes.
Les animations et la 3D interactive en WebGL, développées avec Three.js, ajoute une dimension visuelle immersive au site, tout en garantissant l’accessibilité et la conformité aux critères RGAA pour répondre aux standards d’inclusivité. Enfin, une attention particulière a été portée aux performances du site, optimisant les temps de chargement pour une navigation fluide et rapide.
Mettre en lumière celles et ceux qui interviennent quand tout le monde recule.
ICONOGRAPHIE
Les photographies immersives, les récits de terrain et les portraits de sauveteurs incarnent les missions de la SNSM. L’expérience digitale valorise l’engagement des bénévoles et rend visible l’action menée au quotidien sur le littoral et en mer.
Découvrez nos projets digitaux
