Contactez-nous
Retour aux réalisations Retour aux réalisations

OTASIO

Bannière Otasio – logo caméléon et slogan assistant cybersécurité sur fond dégradé bleu-vert

Otasio est la solution de scan de vulnérabilités développée par le Groupe Diagram. Ce portail permet de cartographier les failles de sécurité d’un parc informatique et de piloter les plans de remédiation.

La cybersécurité est un univers technique où les outils parlent rarement à ceux qui doivent en piloter les décisions. D’un côté, les RSSI et administrateurs systèmes manipulent au quotidien des indicateurs critiques et un volume d’alertes considérable. De l’autre, les directions générales, DAF et élus doivent comprendre suffisamment vite ce que ces données impliquent pour arbitrer un budget ou prioriser un chantier.

Otasio devait s’adresser aux deux. Un outil qu’un expert ouvre avec confiance et qu’un décideur comprend en trente secondes. Notre mission : construire l’identité, l’interface et tous les supports qui permettent cette double lecture.

Logo Otasio avec mascotte caméléon blanc sur fond dégradé cybersécurité
Magazine ouvert présentant la charte graphique et la typographie Otasio
Interface de cartographie des vulnérabilités Otasio affichée sur ordinateur portable

Identité de marque : incarner la vigilance

Pour incarner Otasio, nous avons choisi le caméléon comme animal totem. Pas pour son camouflage, mais pour sa vision panoramique à 360° et sa capacité à anticiper sans perturber son environnement. C’est exactement la posture d’un bon outil de surveillance : voir partout, en continu, sans alourdir le quotidien des équipes IT.

Le travail mené sur l’identité visuelle d’Otasio s’articule autour de trois choix structurants :

  • Une palette de bleus profonds : Calibrée pour la lisibilité prolongée à l’écran, elle évoque le sérieux opérationnel attendu dans le secteur tout en restant accessible. Les dégradés apportent de la profondeur sans alourdir la lecture des données.
  • Une typographie technique et claire : Pensée pour cohabiter avec des tableaux denses, des graphiques et des indicateurs chiffrés, sans jamais entrer en concurrence avec eux.
  • Une iconographie minimaliste : Des pictogrammes épurés qui guident l’œil sans le distraire, conçus pour fonctionner aussi bien en très petite taille (dans une interface) qu’agrandis (sur un kakémono).

L’ensemble constitue un design system documenté qui garantit la cohérence de tous les points de contact, du dashboard à la plaquette commerciale.

Tableau de bord de pilotage des failles de sécurité Otasio sur laptop
Application mobile Otasio de scan de vulnérabilités sur smartphone

Site vitrine pour rendre la cybersécurité plus accessible

L’objectif du site otasio.com est de rendre l’offre intelligible pour des profils parfois non-techniques : directeurs d’établissement, DAF, élus, responsables d’organisation. Ceux qui valident le projet sans nécessairement maîtriser le vocabulaire cyber.

Trois priorités ont structuré la conception :

  • Hiérarchie de l’information centrée sur les bénéfices métier : Avant de parler de CVE ou de scans automatisés, le site explique ce qu’Otasio permet concrètement : réduire l’exposition aux risques, répondre aux exigences de conformité, anticiper plutôt que subir. Les fonctionnalités techniques arrivent ensuite, pour les profils qui les cherchent.
  • Un parcours de conversion court : Chaque page mène vers une action claire (demander un scan, échanger avec un expert, télécharger un cas d’usage…) sans surcharger l’utilisateur d’étapes intermédiaires.
  • Une réassurance immédiate : Cas d’usage sectoriels (santé, collectivités), preuves d’expertise, visuels de mises en situation : le site installe la confiance dès la première section, condition essentielle dans un domaine où l’on confie ses données les plus sensibles.
Interface de l'outil Otasio de détection et suivi des failles de cybersécurité
Vue tableau de bord Otasio avec indicateurs de remédiation et alertes de sécurité

Interface logicielle (UI/UX) : des données claires pour décider vite

C’est le réacteur du projet, et le terrain où s’est exprimée notre expertise de développement sur mesure. L’objectif : permettre à un administrateur système ou à un RSSI d’identifier en quelques secondes ce qui mérite son attention, sans sacrifier la richesse des données qu’Otasio met à disposition.

  • Hiérarchie des alertes par criticité : Le code couleur a été calibré pour fonctionner sur des sessions. Les vulnérabilités sont regroupées non pas seulement par sévérité technique, mais par actionnabilité : ce qu’on peut corriger maintenant, ce qui demande un arbitrage, ce qui peut attendre la prochaine fenêtre de maintenance.
  • Architecture des dashboards : Chaque écran répond à une question précise. Le tableau de bord principal donne l’état global en un coup d’œil. Les vues détaillées permettent de creuser un actif, une famille de vulnérabilités ou une période. La navigation entre ces niveaux a été pensée pour rester intuitive, même pour un utilisateur occasionnel.
  • Bibliothèque de composants UI : Boutons, cartes, tableaux, graphiques, filtres, modales : tous les éléments ont été conçus comme un système modulaire et documenté. Cette bibliothèque garantit l’homogénéité de l’interface sur l’ensemble des modules du logiciel, et facilite son évolution dans le temps.
  • Parcours simplifiés : Du diagnostic à l’export du rapport, chaque tâche fréquente a été pensée pour limiter les clics et les changements de contexte. Un administrateur peut transmettre un rapport à sa direction sans avoir à le retravailler en amont.
Flyer recto Otasio – support print identité visuelle cybersécurité
Flyer verso Otasio – design print avec charte graphique de marque
Stand événementiel Otasio avec signalétique et branding cybersécurité

Cohérence globale et supports de communication

Pour appuyer la présence d’Otasio sur les salons professionnels et dans les rendez-vous commerciaux, l’identité a été déclinée sur une gamme complète de supports physiques, assurant une image de tiers de confiance lors des événements clés (Cyber Expo, salons santé). :

  • Plaquettes commerciales et fiches produits : pour outiller les équipes en rendez-vous
  • Kakémonos et visuels de stand : pensés pour rester lisibles et impactants dans un environnement de salon saturé
  • Supports événementiels divers : cartes de visite, goodies, signalétique

Le système graphique défini en amont a permis de produire l’ensemble rapidement et sans perte de cohérence avec le digital.