Opus&Verso est un cabinet de conseil fondé par Marie-Hélène Bareyt. Il accompagne les entreprises (PME, ETI, cabinets, groupes médicaux, sociétés de services) sur ce qui fait leur quotidien : l’organisation du travail, les pratiques managériales, la coopération entre les équipes, la prévention des risques. Sa méthode tient en une question, désormais affichée en bonne place sur la page d’accueil : « Concrètement, lundi matin, on fait quoi ? »

Découvrir le site Opus&Verso

Le Brief

Tout a commencé par un diagnostic. Avant de parler graphisme, nous avons passé le site existant au crible, technique d’un côté, contenu et arborescence de l’autre. Marie-Hélène nous avait signalé trois frustrations : le site ne lui ressemblait pas, ses visiteurs n’y trouvaient pas facilement l’information, et elle ne savait pas s’il était bien sécurisé. Elle avait ajouté une demande : « Regardez en particulier si mon offre est claire. »

Le diagnostic lui a donné raison sur les trois points. Côté technique, le site tournait sur une version de WordPress de 2021 et une version de PHP qui ne recevait plus aucun correctif de sécurité depuis fin 2020. Sur téléphone, il fallait plus de treize secondes pour afficher l’élément principal de la page d’accueil. Les deux boutons « Contactez-nous » de la page Prestations renvoyaient vers une adresse de développement, et le lien de prise de rendez-vous ne menait nulle part, ce qui est problématique pour un site dont le seul objectif est de générer des prises de contact.

Côté contenu, la voix de Marie-Hélène existait bien sur le site : directe, concrète, avec une vraie dose d’humour. Mais elle se trouvait sur une seule page, cachée en sixième position du menu. Partout ailleurs, le ton était celui d’un cabinet de conseil générique, l’offre décrivait une méthode plutôt qu’un catalogue, et les visuels venaient des mêmes banques d’images que tout le monde.

Il restait une question : fallait-il réparer ou reconstruire ? Nous ne sommes généralement pas partisanes de la table rase quand un site est bien monté. Ici, deux raisons nous ont fait pencher pour un nouveau départ : les mises à jour, en retard de plusieurs années, risquaient de faire tomber le site entier, et les pages reposaient sur un constructeur de pages datant de 2015, qui n’est plus vraiment le bon choix aujourd’hui. Marie-Hélène est arrivée à la même conclusion de son côté et nous a demandé un devis « reset ».

L’enjeu dépassait d’ailleurs la technique. Depuis la création du premier site, son positionnement avait évolué : la QVCT n’est plus l’objectif mais un moyen, et Opus&Verso agit d’abord sur le fonctionnement réel de l’entreprise, là où se joue la performance. Il ne suffisait pas de rafraîchir le site, il fallait qu’il dise autre chose.

Arborescence & contenus

Le travail s’est réparti simplement : Marie-Hélène a écrit ses textes, nous les avons organisés, hiérarchisés et mis en page. Pour la page d’accueil, nous avons fait la synthèse des autres pages, sans rien inventer, avec juste assez de texte pour donner envie de cliquer.

La page Pourquoi Opus&Verso ? réunit les anciennes pages « Opus&Verso » et « Approche ». C’est là que la voix de Marie-Hélène s’exprime le plus librement, et elle est désormais en tête de menu.

La page Là où agir remplace l’ancienne présentation par secteurs d’activité, qui obligeait les pages Santé, Tertiaire et PME à répéter le même texte avec des noms différents. Elle part désormais des problèmes concrets que les entreprises rencontrent (« Vous voulez que votre fonctionnement soit plus fluide », « Quand tout repose (un peu trop) sur vous ») puis des attentes propres à chaque interlocuteur : dirigeant, DRH ou membre de CSE. Les cas clients, auparavant anonymes, sont maintenant nommés.

La page Prestations passe d’une méthodologie en trois temps à trois formules lisibles qui correspondent à trois niveaux d’engagement : un programme d’e-learning, un Flash Conseil d’une à deux heures, un accompagnement sur-mesure. On sait désormais ce qu’on peut commander.

Enfin, le blog reprend les publications LinkedIn de Marie-Hélène depuis 2022. Le diagnostic avait relevé un décalage : elle publie régulièrement sur LinkedIn, alors que le dernier article de son site datait de 2024. Ces contenus travaillent maintenant aussi pour son site. Le livre blanc, qui avait sa propre page, se demande désormais depuis un formulaire en pied de page, accessible partout.

Conception

La page d’accueil est construite en blocs qui font chacun la taille d’un écran. Nous avons fait un choix dès la première maquette : aucune photo de banque d’images sur la Home. Une première page doit montrer des images qu’on ne retrouvera pas ailleurs.

Nous avons donc mis Marie-Hélène en contact avec la photographe Isaure Lambert pour une séance de portraits et de photos en situation de travail. Pour illustrer l’e-learning, nous avons préféré des captures des vrais modules à des photos d’open space souriants.

Côté mise en page, les textes sont légèrement décalés et débordent des cadres qui les contiennent. C’est le détail qui a convaincu Marie-Hélène dès la première maquette : « J’adore la façon dont le texte est décalé ou déborde des carrés. C’est tout moi. » Quelques pictogrammes évoquent le mouvement, dans le même esprit que ceux qui illustrent déjà ses prestations. Le premier, un feu d’artifice, est devenu une flèche, un peu plus sérieuse.

Couleurs & typographies

Nous sommes reparties des tons de ses supports existants, modules d’e-learning et propositions commerciales, en les ajustant pour qu’ils fonctionnent ensemble. Il ne s’agissait pas de reprendre sa charte telle quelle, mais le site ne pouvait pas non plus vivre à des années-lumière du reste de sa communication. La couleur la plus sombre est un aubergine profond, qui sort du marine sans tomber dans le violet. Un jaune doux réveille l’ensemble.

Pour la typographie, la Bodoni Moda donne aux titres leur élégance, et la Poppins assure la lisibilité des textes.

Développement & autonomie

Le site a été reconstruit sur une base saine et sécurisée, avec des boutons de prise de rendez-vous qui mènent désormais quelque part, ici vers l’agenda en ligne de Marie-Hélène. Pour que Marie-Hélène puisse faire vivre son site seule, nous l’avons formée en visio et lui avons fourni un tutoriel vidéo pour publier ses articles. Entre le diagnostic, en juillet, et la mise en ligne, début octobre, il s’est écoulé moins de trois mois, vacances d’été comprises.

Crédits

Photographies de Marie-Hélène : Isaure Lambert

Vous avez un projet à partager avec nous ?
Contactez-nous pour en parler !