Deemply : direction artistique, design et site Webflow d'un logiciel de conformité réglementaire

Deemply, anciennement RegistreSécurité.com, digitalise les obligations réglementaires des bâtiments : registre de sécurité, DUERP, plan de prévention, permis de feu, registre d'accessibilité… Neuf modules réunis sur une seule plateforme, pour les responsables QHSE, les gestionnaires de patrimoine, les dirigeants et leurs prestataires.

Deemply a confié à Gemeos, agence web pour les éditeurs SaaS, le look & feel de sa nouvelle marque, le design et le développement Webflow de son site, et son référencement.

MacBook Pro ouvert sur l'accueil Deemply « Digitalisez vos obligations réglementaires sur une seule plateforme »

Rendre la conformité réglementaire simple, et même sympathique

La conformité d'un bâtiment, c'est un registre papier dans un placard, des rapports de prestataires éparpillés et une commission de sécurité qui tombe toujours au mauvais moment. En devenant Deemply, RegistreSécurité.com passait d'un outil à une plateforme de neuf modules : la marque devait rassurer sur un sujet sérieux sans en rajouter dans l'austérité, et parler aussi bien au responsable QHSE qu'au dirigeant ou au prestataire.

Gemeos a exploré plusieurs pistes de look & feel autour de la mascotte Deemply, fixé les règles de la marque dans un brand book, puis conçu et intégré le site sur Webflow : modules, secteurs, profils, cas clients, tarifs, ressources et démo, en français et en anglais, avec une structure pensée pour le référencement.

Industrie: Saas
Services: DA; UX/UI Design; Intégration; SEO

Les trois pistes de page d'accueil explorées pour Deemply, côte à côte sur fond violet nuit

Une mascotte pour humaniser un sujet réglementaire

Deemply a une mascotte : un petit robot violet dont l'écran affiche deux yeux en pixels. Le look & feel part de là. Le pictogramme du logo reprend la tête du robot, et le robot lui-même apparaît dans les moments clés du site, à côté de l'interface, comme un assistant qui veille sur les obligations du bâtiment.

La palette tient en trois couleurs : un violet nuit (#22062D) pour le fond et le sérieux, un violet (#B97BFF) pour la marque et les actions, un corail (#FFA385) pour la chaleur et les dégradés. Chacune se décline en dix nuances dans une palette de travail pour les interfaces. Les textes sont composés en Roobert PRO, une grotesque ronde et nette, déclinée en plusieurs graisses pour les titres, les textes et les boutons.

Le brand book fixe les déclinaisons (logo sur fond clair ou sombre, pictogramme seul) et les interdits : ne pas changer les couleurs, ne pas ajouter d'effet, ne pas pivoter, ne pas étirer, ne pas diminuer le contraste.

Piste 1 - La mascotte
Le robot Deemply en héros de la page d'accueil, sur un fond doux entre le gris et le lilas. Le violet de l'identité existante est conservé, le pictogramme naît de l'écran de la mascotte et les mots-clés des titres se colorent. Perception visée : accessible et rassurante.
Piste 2 - La grille
Une grille stricte et visible, une grotesque droite aux titres en deux graisses, quelques touches de dégradé et le tableau de bord mis en avant dès le premier écran, avec les chiffres clés juste en dessous. Perception visée : sérieuse et rationnelle, pensée pour les grands comptes.
Piste 1.3 - Le violet
L'itération retenue : la piste de la mascotte, passée au violet franc avec un motif de pixels qui rappelle l'écran du robot, et une interface posée au cœur du hero. C'est la base du site en ligne, poussée ensuite vers le violet nuit et les halos de corail.

Piste 1, La mascotte : hero lilas avec le robot Deemply et section des modules réglementaires

Concept 1

MacBook Pro ouvert sur la page du module Registre de sécurité de Deemply

Une page pour chaque obligation, chaque secteur et chaque métier

Un responsable QHSE cherche à piloter son DUERP, un gestionnaire de patrimoine à préparer ses commissions de sécurité, un prestataire à déposer ses rapports au bon endroit. Le site oriente chacun : par module, par secteur ou par profil, avec à chaque fois l'interface Deemply montrée telle qu'elle est et la demande de démo en fin de page.

Page	Ce qu'elle fait pour le visiteur
Accueil	La promesse « Digitalisez vos obligations réglementaires sur une seule plateforme », l'interface, les neuf modules, les prestataires connectés et la FAQ
Modules	Registre de sécurité, gestion du bâtiment, registre des visiteurs, DUERP, plan de prévention, permis de feu, registre d'accessibilité, carnet sanitaire et formulaires : une page chacun
Secteurs	Bureaux et tertiaire, collectivités, grande distribution, hôtellerie et culture, industrie et logistique, santé et médico-social
Profils	Dirigeant, gestionnaire de patrimoine, prestataire, responsable technique, responsable QHSE
Cas clients	Puy du Fou, Effia et ses 700 parcs, Coopérative U : le contexte, les chiffres clés et la mise en place
Tarifs	Trois offres (Gratuit, 490 € par an, sur devis) et un estimateur de tarif en trente secondes
Ressources	Articles, guides et livre blanc sur les obligations réglementaires
Démo	La prise de rendez-vous directement dans la page, sans formulaire intermédiaire

Les pages module alternent fond violet nuit et fond clair, avec des captures de l'application posées dans un téléphone ou une fenêtre et des halos de corail en bas de section. Les mêmes briques reviennent partout : cartes de module, onglets par profil, bandeau des prestataires connectés, accordéons de FAQ, grille tarifaire : une page de plus se compose sans repasser par le design.

Pro Display XDR ouvert sur la page Tarifs de Deemply

Un site bilingue que l'équipe Deemply fait vivre seule

Le site est développé sur Webflow, en français et en anglais. Les secteurs, les profils, les cas clients, les ressources et les auteurs vivent dans des collections CMS, chacune servie par un gabarit unique : ajouter un secteur ou publier un article ne demande aucune mise en page. Les neuf modules sont des pages dédiées, chacune avec ses captures et ses arguments.

La page Tarifs embarque un estimateur interactif : le visiteur indique son nombre de bâtiments et ses modules, et obtient un prix en trente secondes. La page Démo intègre directement le calendrier de prise de rendez-vous, pour qu'une demande devienne un créneau sans aller-retour.

MacBook Pro ouvert sur l'article Deemply « Tout ce qu'il faut savoir sur le permis feu »

Répondre aux questions réglementaires avant qu'on cherche un logiciel

Un responsable sécurité tape « permis feu », « DUERP obligatoire » ou « commission de sécurité ERP » bien avant de chercher un logiciel. Le site occupe ces recherches avec une page par obligation, par secteur et par métier, et une base de ressources qui répond aux questions concrètes du terrain.

Chantier	Détail
Pages d'atterrissage	9 pages module, 6 pages secteur et 5 pages profil, chacune sur sa propre intention de recherche
Contenus	75 articles et guides en français (permis feu, DUERP, registre de sécurité, commissions de sécurité…), un livre blanc sur les obligations réglementaires et 3 cas clients
International	Une version anglaise complète, reliée à la version française par les balises hreflang
Balises & métadonnées	Title et meta description rédigés page par page, balise canonique partout, plan du site de 240 URL
Données structurées	Organization sur l'accueil et les tarifs, Article sur chaque ressource, ProfilePage sur les pages auteurs

Lisible par les moteurs comme par les assistants IA

Chaque article est signé par l'équipe Deemply, avec sa page auteur, et ses données structurées donnent le titre, l'image, la date et l'auteur. L'accueil et les pages module répondent aux questions des responsables dans leur FAQ : des réponses courtes, attribuées et datées, ce qui aide les moteurs et les assistants IA à citer Deemply sur la conformité des bâtiments.