Success Story
"Clef Conseil"

1
1
La refonte…
de fond en comble

Début 2018, Clef Conseil, société de conseil et d’accompagnement au changement pour les entreprises confie à MyDigiCompany la refonte de son site internet. Un site internet pas très ancien mais à l’aspect visuel plutôt daté. Il s’agit en effet d’un site « one-page », un choix alors plutôt avant-gardiste mais plutôt adapté à des communications événementielles ou des présentations de produits avec une vraie approche landing page. Ici, le contenu rédactionnel (le fond) est plutôt conséquent et se doit d’être structuré sur plusieurs pages pour rendre l’ensemble cohérent, et la navigation, fluide. La première étape consistera donc à trier les contenus que Clef Conseil souhaitait intégrer à son nouveau site internet. Un tri par cartes nous permettra d’avoir une vision de l’architecture la plus efficace, puis l’arborescence du site. Une véritable approche UX design, en gardant toujours à l’esprit les personas (les cibles) et leur parcours sur le futur site internet de Clef Conseil. L’objectif est de faciliter le parcours utilisateur. Alors que l’ancien site proposait une barre de navigation à gauche, nous basculons celle-ci en haut de page, bien plus en phase avec les habitudes actuelles des internautes.

Enfin, nous prenons un soin particulier à rendre l’ensemble plus dynamique et riche visuellement. Vous croiserez sur le site plusieurs effets de parallax, d’interactions dynamiques sur les call-to-action (les boutons permettant la navigation au sein du site internet) ou encore des effets d’apparition des images, des titres, des textes ou des listes à puces. Un ensemble plus ludique donc, et qui donne envie de se balader sur le site internet.

Clef conseil
Au delà de son aspect visuel un peu dépassé et de sa conception peu adaptée, l’ancien site comportait aussi de nombreux bugs côté responsive web design. Un problème assez considérable en 2018, où plus de la moitié des consultations de sites internet sont faites depuis un smartphone. Un des objectifs de cette refonte sera donc une véritable remise à plat de la version mobile du site internet.
2
2
Optimisation
technique
Clef conseil iphone

Le deuxième axe d’amélioration technique se jouera du côté du back office. L’ancien site est réalisé sur bootstrap, Un framework qui peut être efficace en phase de création du site internet mais qui offre par défaut assez peu de possibilité du côté de l’interface d’administration. Un choix technique qui crée aussi un vrai lien de dépendance entre le client et son prestataire. Afin de ne pas reproduire la même erreur, nous opterons pour WordPress. Le leader des CMS (gestionnaire de contenus) actuel offre aussi un back office intuitif et évolutif.

Enfin, le dernier axe majeur d’amélioration portera sur la rapidité et l’optimisation technique du site internet. Malgré notre volonté de concevoir un site dynamique et visuellement riche, nous sommes conscients de l’importance de livrer des sites rapides et réactifs. Tout d’abord car l’expérience utilisateur en dépend. Nous sommes devenus de plus en plus impatients devant un écran. Chaque image sera donc compressée et redimensionnée au plus juste. Chaque bout de code nettoyé et dédoublonné. Une étape d’autant plus importante pour les sites réalisés avec WordPress, un outil qu’on aime beaucoup mais qui peut être un peu gourmand en ressources sans optimisation. Nous respectons d’ailleurs un cahier des charges assez strict lors du déploiement de nos sites internet. Par exemple, nous gérons différents formats pour chaque image. Ainsi c’est l’image la plus adaptée à l’appareil utilisé pour consulter le site internet qui est affichée ! Pour faire simple, une plus petite (et donc légère) version de l’image sur un mobile que sur un ordinateur de bureau.
Résultat ? Une notation en double « A » sur le site de GTmetrix qui fait référence quand il s’agit de tester la rapidité d’un site internet.

Clef-conseil-perf
Performances-clef-conseil

Le gain est net, tout particulièrement sur l’indicateur PageSpeed, la note passant de F à A. Pour ceux qui ont des enfants (et qui vivent donc aux États-Unis), je suis sûr qu’un bulletin de notes avec une moyenne à F ou à A ne créé pas la même émotion.

3
3
SEO
Community Management

Et si la rapidité d’un site est aujourd’hui un des principal vecteur de l’expérience utilisateur, il l’est aussi pour un bon référencement sur Google. Ce qui est finalement logique, les critères des algorithmes du moteur de recherche s’appuyant sur les besoins réels des utilisateurs d’aujourd’hui

Mais l’optimisation technique ne fait pas tout côté SEO (le référencement naturel). Aussi, en début de projet, nous avons sensibilisé Clef Conseil à la réécriture de leurs textes. Une panoplie de conseils concrets et adaptés, comme le respect d’une structure dans la rédaction, l’importance des titres (les fameuses balises H1, H2, …) et des mots clés qu’ils doivent contenir, ainsi que l’alternance des textes rédigés et des listes à puces.

Cet accompagnement de la communication de Clef Conseil se prolonge aujourd’hui avec notre offre de community management. En effet, tous les mois, en partenariat avec notre client, nous rédigeons des articles destinés à leur blog et à leurs réseaux sociaux. Les lecteurs apprécieront ces articles de qualité et Google aussi (encore lui). Car un écosystème de communication (site internet + réseaux sociaux) régulièrement alimenté est aussi une garantie de gain en référencement naturel.

Un dernier point sur la démarche de conception graphique du nouveau site internet de Clef Conseil. Car l’objectif de cette refonte était aussi de donner une vraie ambiance, une atmosphère originale à la vitrine digitale de notre client. Il faut l’admettre, le conseil n’est pas forcément le thème le plus inspirant graphiquement. Nous nous sommes donc appuyé sur un des points forts de Clef Conseil, la personnalisation du conseil.

4
Métaphore
visuelle et rédactionnelle
4
Clef-conseil costumes

Ce côté « sur-mesure » a rapidement fait écho à la profession des tailleurs… sur mesure ! Un domaine qui véhicule un univers visuel assez riche. De plus, le côté artisanal et l’amour du travail bien fait sont aussi des valeurs que partagent Clef Conseil et les tailleurs. Une fois l’univers graphique choisi, tout a été question de dosage et d’équilibre. Car il était dangereux de créer une confusion chez le visiteur du site de Clef Conseil ; ce dernier ne devait pas croire être sur le site d’un tailleur ! Aussi, l’objectif a toujours été d’assurer une harmonie visuelle sans jamais créer le doute. Comme par exemple sur ce bloc dans lequel les trois images se répondent. Du tailleur au costume, et du costume au conseil.

Les titres aussi, devaient être directifs et clairs. Pour mettre en avant la fonction de conseil de Clef Conseil et éviter tout doute potentiel.

Au final, pour ces choix et l’ensemble des phases de conception, tout est toujours question d’équilibre et d’harmonie en faveur de l’expérience utilisateur de vos personas.

Clef-conseil-home

« De vrais partenaires dans la réflexion de votre communication web. Adaptabilité à vos spécificités, écoute, flexibilité et interlocuteurs compétents et agiles. Que demander de plus ? »

Mikaël

Jeanne

Business developer
guillemets

"Mieux vaut vivre avec des remords, qu'avec des regrets"

Mis à part les salsifis et les mille-pattes, Jeanne aime tout et tout le monde. Organisatrice hors-pair, dynamique et enjouée, Jeanne a un sourire contagieux, en face à face comme au téléphone. Ses études en alternance, jusqu’au Master, lui ont permis de goûter à plusieurs secteurs d’activité, de l’équipement sportif à la nourriture bio pour animaux domestiques. Originaire de Coulommiers, Jeanne est incollable sur le fromage du même nom mais chez MyDigiCompany, c’est en qualité de Business Developer qu’elle mettra en pratique sa maîtrise de la méthode SONCAS pour fédérer nos clients.

Le gif préféré de Jeanne

giphy-jeanne

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Thé

PC ou MAC ?
Mac

CAC40 ou startup ?
Startup

Beatles ou Stones ?
50 cent

Picasso ou Rembrandt ?
Picasso

Réseau social préféré ?
Instagram

#girlsgang
#epicurien
#clesvacances

Gabriel

Intégrateur Front
guillemets

J'ai voulu dormir, et j'ai fermé les yeux - Tal

Fraîchement arrivé de SupdeWeb Paris, Gabriel (#Gab) fait aujourd’hui partie de l’équipe MyDigiCompany en qualité d’intégrateur front. Entre un premier bachelor commercial puis un second en web design, Gabriel a pris une année qui n’a rien de sabbatique puisqu’il en a profité pour retrousser ses manches et apprendre les bases de son futur métier. A coup de tutos, de formations, de tests grandeur nature et de frustrations en tout genre, Gab s’est montré un autodidacte accompli, ce qui l’a conforté dans son choix. Ancien joueur de foot, cet adepte de musculation et de moto est persévérant. Pour peu qu’il soit convaincu d’un projet, il ne lâche rien ni personne. Têtu ? Non. Jusqu’au-boutiste ? Carrément !

Le gif préféré de Gabriel

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Thé même l’été

PC ou MAC ?
PC

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Kyo

Picasso ou Rembrandt ?
Tout dépend si on parle du peintre ou de la voiture

Réseau social préféré ?
Instagram

#rizpates
#moto
#genoudoctogénaire
#hashtag

Rio

Chief Happiness Officer
guillemets

"Les chiens n'ont qu'un défaut : ils croient aux hommes" (Elian Finbert)

Rio a rejoint MyDigiCompany en mai 2020 en tant que chief Happiness Officer pour le plus grand bonheur de toute l’équipe… ou presque.
Fan d’écologie, il déteste la voiture et préfère les longues balades en forêt.

Le gif préféré de Rio

Qui suis-je ?

Google ou Microsoft ?
Microsoft comme son père

Thé ou café ?
Qu’est-ce que c’est ?

PC ou MAC ?
Pas fan des écrans, préfère les rapports canins

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Nino Ferrer

Picasso ou Rembrandt ?
Edvard Munch

Réseau social préféré ?
Dogstagram

#vomitenvoiture
#toutlemondemekiffesauflinda
#beaugoss
#jepueetalors

Manon

Chef de projet digital junior
guillemets

La vérité est dans la simplicité. (Maxime Lagacé)

Tourangelle d’origine, Manon est arrivée dans la capitale pour ses études en vue d’obtenir un Bachelor « Chef de Projet Digital ». Les ronds dans les ronds, les carrés dans les carrés: chez MyDigiCompany, Manon met son sens de l’organisation en pratique, participant à des projets d’envergure. Capable et volontaire, Manon est montée sur le plus grand plongeoir dès le premier jour et n’a pas tardé à prendre ses marques.
A l’équipe (parfois) survoltée, Manon ajoute sa sensibilité, percevant les choses au-delà des paroles et des faits. Un excellent chef de projet en devenir…

Le gif préféré de Manon

Gif Manon

Qui suis-je ?

Google ou Microsoft ?
Les deux

Thé ou café ?
Thé parfois café

PC ou MAC ?
Mac

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Queen

Picasso ou Rembrandt ?
Ines Longevial

Réseau social préféré ?
instagram

#instagram
#carnet
#gateaufaitmaison
#sensible

Clémence

Chef de projet
guillemets

"Fais de ta vie un rêve et d'un rêve une réalité"

Dès son plus jeune âge, Clémence entretient son goût pour l’international et son accent du sud des Etats-Unis est resté intact lorsqu’elle s’exprime dans la langue de Michael Moore. Une école de commerce et un Master dans le Marketing Digital en poche ont permis à Clémence de se frotter au monde de la publicité, dans une régie parisienne, en charge des programmes marketing online et offline. Sportive, guitariste de haute voltige, touche-à-tout, Clémence est spontanée et toujours de bonne humeur. Une bouffée d’oxygène qui fait du bien !

Le gif préféré de Clémence

Gif Clemence

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Bière

PC ou MAC ?
Mac

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Beatles (mais sinon Taylor Swift)

Picasso ou Rembrandt ?
Cecilia Giménez

Réseau social préféré ?
skyblog

clemence
#minimoys
#chats
#frites
#mangerdemanieregénérale
#concentration
#musique

Nat

Directeur Associé / Expert Hubspot
guillemets

Ce qui ne te tue pas te rend moins mort.

Ceinture noire multi-disciplines, star d’UX (désolé), adepte d’Hubspot et addict aux fonctionnalités utiles, il passe plus de temps à regarder Netflix qu’à côtoyer de vrais humains. Toujours prêt à dégainer sa caméra ou ses bonnes idées.

Le gif préféré de Nat

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Café (n’a jamais cru au thé, qui est finalement du jus d’herbe)

PC ou MAC ?
Anciennement MAC (et anciennement riche, donc)

CAC40 ou startup ?
Startup, parce qu’on dirait le nom d’un boys band

Beatles ou Stones ?
David Bowie

Picasso ou Rembrandt ?
Edward Hoper

Réseau social préféré ?
Tinder

nat
#netflix
#NBA
#hubspot
#domotique
#herniediscaledemerde

Cyril

Développeur Back-End
guillemets

Si les ouvriers construisaient les bâtiments comme les développeurs écrivent leurs programmes, le premier pic vert venu aurait détruit toute civilisation

Bayonnais d’origine, Cyril est un développeur infatigable. Piqué par le virus informatique depuis son plus jeune âge, il va jusqu’au bout des choses, prêt à sacrifier ses weekends et ses soirées pour que … ça marche. Programmé pour durer, Cyril est à l’écoute des clients, prêt à rendre service. Et quand il s’autorise une courte pause en dehors des écrans, c’est sur son vélo qu’on le trouve, ou sur le canapé, devant un match de foot !

Le gif préféré de Cyril

Qui suis-je ?

Google ou Microsoft ?
Qwant

Thé ou café ?
Thé, café, bières, whisky (sans glaçons, c’est ca qui rend malade)

PC ou MAC ?
PC….Apple c’est le Mal

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Beatles, Stones et surtout Septic Flesh

Picasso ou Rembrandt ?
Rembrandt

Réseau social préféré ?
La vie ;)

Cyril
#randovélo
#larzac
#rocker
#php
#jaimepasparis