Étude de cas

Ormel La plateforme qui forme, audite et recrute en QSE

Trois métiers dans une seule plateforme : former, auditer et recruter en qualité, sécurité et environnement. Nous avons dessiné l'interface, développé le site avec son espace membre et son catalogue certifiant, puis animé la mascotte qui lui sert de visage.

Le contexte

Ormel accompagne les professionnels de la qualité, sécurité, santé et environnement — le QSE, comme on dit dans les entreprises qui y consacrent un poste entier.

C’est un domaine où la contrainte vient de l’extérieur : une norme ISO 9001 ou ISO 14001 se prépare, s’audite et se renouvelle, et chaque échéance mobilise des gens qui n’ont pas le temps de partir trois jours en formation. Ormel avait donc construit son offre autour de trois activités qui se répondent — former, auditer, recruter — avec des formations pensées pour être suivies en ligne, des ressources en accès libre et du coaching individuel.

Trois métiers dans une seule maison, cela ne se met pas dans un site vitrine. Ce qu’il fallait, c’était une plateforme.

Ce que nous avons produit

Trois missions, menées à quelques mois d’intervalle, et qui n’en font qu’une.

La maquette, avant le code

Le travail a commencé par l’interface. Nous avons dessiné une maquette complète — palettes, typographies, gabarits de page — avec une exigence simple et difficile : que les trois activités cohabitent sans que l’utilisateur ait à comprendre l’organigramme d’Ormel pour s’y retrouver.

L’approche est restée minimaliste, et le responsive a été traité dès la maquette plutôt qu’en rattrapage : un responsable QSE consulte un catalogue de formation entre deux réunions, souvent sur un téléphone.

La plateforme

Le site a ensuite été développé autour de trois briques :

  • un espace membre sécurisé, donnant accès à des ressources réservées ;
  • une bibliothèque de formations certifiantes en ligne, achetables directement ;
  • un espace entreprise et un outil de mise en relation entre les sociétés et les candidats QSE.

Le reste du site — programmes d’audit par norme, articles, témoignages — a été organisé avec des filtres et une recherche, parce qu’un catalogue qui grossit sans être filtrable devient un catalogue qu’on ne consulte plus.

La mascotte animée

Ormel avait une mascotte, et une mascotte qui sert aussi de logo. Nous l’avons animée — ce qui pose le même problème que pour toute identité déjà fixée : lui donner de la vie sans la redessiner.

L’animation part d’un battement discret, presque une respiration, avant que le personnage n’engage des gestes qui traduisent le ton de la marque. Chaque mouvement a été choisi pour dire une qualité qu’Ormel revendique — la proximité, l’accueil — plutôt que pour faire joli. Sur un secteur qui parle de normes et de conformité, c’est la mascotte qui porte tout le capital de sympathie.

Ce que ça change

Le QSE est un métier austère, dont les sites se ressemblent tous : du texte réglementaire, des logos de norme, et un formulaire de contact. Ormel s’est donné l’inverse — une plateforme où l’on se forme, on achète, on cherche un poste, et où un personnage vous accueille.

Ce que nous avons livré n’est pas trois prestations juxtaposées. C’est une seule chose, regardée sous trois angles : l’interface avant le code, le code avant le contenu, et un visage par-dessus pour que l’ensemble ait l’air accueillant plutôt qu’administratif.

La vidéo

Le film, tel qu'il a été livré

Lire la vidéo : Ormel — animation de la mascotte
La vidéo s'ouvre sur le lecteur Cloudflare Stream.

Construisons votre projet ensemble

Discutons de votre projet avec notre équipe.

Nous contacter