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

Fermer le menu

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

Arsène

Intégrateur Web
guillemets

Choisissez un travail que vous aimez et vous n'aurez pas à travailler un seul jour de votre vie.

Surnommé la maquina par le reste de l’équipe, Arsène percute rapidement, intègre les informations, les retient et travaille en autonomie au service des clients de l’agence. Passionné de foot et de poker, il est multi-casquettes et aime le montage vidéo et le travail artistique. Réservé et sensible, il aime les formes épurées et cherche à faire parler les images, apportant une touche de sensibilité très appréciée chez MyDigiCompany.

Le gif préféré d'Arsène

Mexico

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Café

PC ou MAC ?
MAC

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Ninho

Picasso ou Rembrandt ?
Monet

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

arseneRond
#chicha
#jul
#modemachineactivee
#pastèque
#loquace
#kebab

Olivier

Expert SEA-SEO
guillemets

A vaincre sans péril, on triomphe sans gloire !

Olivier est notre spécialiste ès Google. Recruté comme coach Google en 2015, il a gravi les échelons en travaillant pour le géant américain dont il connaît toutes les facettes. Aujourd’hui, Olivier fait usage de son talent et de son expérience pour faire grimper le référencement de nos clients et pour enseigner aux coaches Google, les bases du marketing digital. Insatiable et curieux, Olivier avoue son petit faible pour les ouvrages de formation en webmarketing, dont il a toujours un exemplaire sur sa table de chevet.

Le gif préféré d'Olivier

Qui suis-je ?

Google ou Microsoft ?
Google ;)

Thé ou café ?
Café

PC ou MAC ?
MAC

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Beatles

Picasso ou Rembrandt ?
Banksy

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

Olivier
#curieux
#passionné
#sportaddict
#toujours plus
#lesdictionscestlavie

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

Alexia

Développeur Front End

100% des choses que l'on ne tente pas échouent

Médaille d’or du HTML et du CSS, elle dort, mange et parle en code informatique. C’est la seule à comprendre Inception et Linux. Multilingue des nouvelles techno, elle sait aller plus loin que la technique pour satisfaire nos clients.

Le gif préféré d'Alexia

Demi tour

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Thé

PC ou MAC ?
MAC

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Stones

Picasso ou Rembrandt ?
Monet

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

alexia
#labretagnecavousgagne
#chat
#maman
#matinale
#msRobot

Karine

Responsable Editorial

Un jour je trouverai les mots justes, et ils seront simples.

La rédactrice qui maîtrise les mots et le SEO. Notre maître Capello à nous. Ses jeux de 20h à elle ? Plancher sur vos textes et vos accroches. Ses punchlines rendent jaloux Orelsan.

Le gif préféré de Karine

Qui suis-je ?

Google ou Microsoft ?
Comme vous voulez

Thé ou café ?
English breakfast.
Avec un splash of milk

PC ou MAC ?
PC avec l’ambition d’évoluer un jour

CAC40 ou startup ?
Start @ 40 !

Beatles ou Stones ?
Frank Sinatra

Picasso ou Rembrandt ?
Banksy

Réseau social préféré ?
Il n’existe pas encore… mais ça ne saurait tarder !

Karine Bach
#rire
#motus
#viensquejetecorrigeça
#attendsjaiuneidee
#maisouicestpossible

Franck

Fondateur

Rien de tel que des vacances ratées pour vous réconcilier avec une vie de labeur.

Le roi de votre ROI est aussi fanboy de Microsoft et de l’OM. Monter une agence qui respecte ses valeurs sur un coup de tête ne lui a pas fait peur. Papa dans la vie et au boulot, ce chef d’orchestre sait lever la voix quand d’autres baissent les bras.

Le gif préféré de Franck

dog

Qui suis-je ?

Google ou Microsoft ?
Microsoft

Thé ou café ?
Café

PC ou MAC ?
Plutôt PC

CAC40 ou startup ?
SBF 250

Beatles ou Stones ?
Beatles

Picasso ou Rembrandt ?
Picasso

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

Franck Nabet
#grantatakan
#papa
#airpods
#sport
#presquechauve

Gabrielle

Manager de projet

On peut rire de tout, mais pas avec tout le monde.

Maniaque de l’organisation, elle aime passer son temps libre à tester de nouveaux outils, voyager et lire.
Après son passé d’ingénieur et de journaliste, elle gère aujourd’hui son domaine avec sagesse et passion.

Le gif préféré de Gabrielle

pinguin

Qui suis-je ?

Google ou Microsoft ?
Google

Thé ou café ?
Thé (a quand même essayé le café une fois pour faire adulte)

PC ou MAC ?
Les deux en fonction de l’humeur

CAC40 ou startup ?
Startup

Beatles ou Stones ?
Brassens

Picasso ou Rembrandt ?
Picasso

Réseau social préféré ?
Les bars et resto

Gabrielle
#thé
#bouffe
#vélo
#recyclage
#ingénieur

Linda

Social Media Manager

La patience est un arbre dont la racine est amère, et dont les fruits sont très doux.

Fan d’automobiles et plus particulièrement de la marque Mercedes, Linda est une jeune femme qui casse les codes. Son code d’honneur : Toujours être de bonne humeur… ou presque ! Elle publie des stories Instagram plus vite que son ombre. Seule ombre au tableau : Ses goûts musicaux, mais nulle n’est parfaite.

Le gif préféré de Linda

Qui suis-je ?

Google ou Microsoft ?
Microsoft

Thé ou café ?
Thé

PC ou MAC ?
MAC

CAC40 ou startup ?
CAC40

Beatles ou Stones ?
Alicia keys

Picasso ou Rembrandt ?
Picasso

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

Linda
#instagram
#tv
#filet-o-fish
#bronzage
#mercedes