Comment créer un site SXO afin de capter des étudiants et des professionnels souhaitant se former ?

L’équipe de l’ISC Paris a fait appel à Limpide pour mettre en place des parcours utilisateurs en ayant l’objectif d’avoir un site le plus ergonomique possible.

Afin d’améliorer le référencement naturel de ses contenus et d’améliorer l’expérience utilisateur, ISC Paris a souhaité regrouper les contenus historiquement hébergés sur deux domaines (groupeiscparis.com et iscparis.com) sur un seul : iscparis.com.

L’enjeu principal était de fluidifier les parcours et d’améliorer les conversions en mettant l’utilisateur au centre de la démarche.

Avant même de démarrer le projet, il est nécessaire de faire un kick off avec les parties prenantes du projet. Plusieurs sujets sont abordés : 

Suite à leur précédente expérience qui n’a pas apporté la satisfaction sur la flexibilité du backoffice WordPress, la cheffe de projet digital de ISC Paris a souhaité opter pour une méthode agile afin qu’elle puisse suivre l’avancement du projet plus sereinement. 

La méthode agile est une approche de la gestion de projet qui permet une meilleure visibilité et flexibilité en impliquant le client du début à la fin du projet. 

Grâce à des points et des échanges régulièrement sur Slack, cette approche nous a immédiatement permis de construire une relation de confiance.

L’équipe de l’ISC Paris a pu réaliser des tests fonctionnels et graphiques au fur et à mesure des sprints (3) tout en faisant évoluer leurs besoins au cours du projet comme la création d’un formulaire conditionnel pour les brochures. 

Limpide a su s’adapter à des changements de dernière minute provenant de l’ISC Paris et trouver des solutions pour respecter le planning.

La flexibilité est le mot d’ordre. 

La méthode 4D by Limpide nous a permis d’échanger avec les équipes de l’ISC Paris et des utilisateurs potentiels à travers : 

Tous ces éléments nous ont permis de challenger l’architecture digitale et de présenter une recommandation avec une arborescence user friendly. Celle-ci a été challengée avec l’équipe de l’agence Vu Du Web, chargée de la migration SEO sur le projet. 

La nouvelle arborescence répond à des enjeux SEO et d’expérience utilisateur qui ont été validés par la data et les interviews. Pour hiérarchiser cette arborescence, nous avons fait le choix de mettre en avant les 3 items essentiels et les plus recherchés en niveau 1 et les items secondaires en niveau 2 (burger menu). 

Le SXO permet de capter un lead via le SEO pour le convertir par l’expérience utilisateur. Pour en savoir plus, cliquez ici

Suite à notre recommandation, nous avons travaillé sur l’UX design de la navigation, du module “je candidate » et des différents modules Gutenberg pour permettre aux équipes de l’ISC Paris d’être autonomes dans la création de nouvelles pages. 

Nous avons travaillé sur 3 entrées distinctes pour que la navigation soit structurée et optimisée pour l’utilisateur et le SEO : 

Dans le menu burger, vous retrouverez les pages liées à l’école ISC Paris comme “à propos” “pédagogie” “relations entreprises”.. 

Pour rappel, l’ISC Paris souhaitait fluidifier et optimiser le parcours de candidature, c’est pourquoi nous avons mis en place un module “je candidate” disponible pratiquement sur toutes les pages du site (bouton flottant en bas à droite). À travers quelques questions (formation, niveau d’étude, campus), nous guidons rapidement l’utilisateur vers le bon lien d’inscription. La suite du parcours de candidature se fait sur le CRM Oscar.

Pour favoriser le référencement sur Google, nous avons notamment créé un module Gutenberg contenant la fonctionnalité d’expands / accordéons pour permettre d’intégrer beaucoup plus de contenus sans surcharger les pages et nuire à l’expérience utilisateur. La réflexion est simple, on affiche un minimum de contenus sur une page pour rendre la lecture agréable et donner les informations essentielles rapidement, si l’utilisateur souhaite en savoir plus, il a la possibilité d’afficher un second niveau de lecture. 

Pour accéder aux contenus plus facilement et aider l’utilisateur à trouver l’information qu’il souhaite, nous avons mis en place une sticky navigation interne sur les pages formations qui permet d’accéder facilement à ce qui intéresse l’utilisateur (programme, débouchés, admission). 

Le positionnement de l’ISC Paris a été valorisé à travers une expérience utilisateur performante et des contenus de qualité optimisés pour le SEO.

Il faut savoir que principalement toutes les pages du site ont été réalisées à partir de modules Gutenberg (21 modules). 

L’UI Design se veut immersive et impactante à travers les différentes nuances de couleurs dédiées à chacune des briques de formations afin d’avoir une expérience utilisateur cohérente. Des grosses typographies viennent rythmer les pages, des patterns en pointillés sont également présents pour rappeler la charte de l’ISC Paris et permettent de mettre en valeur les images du site web. Concernant l’iconographie, l’humain est au cœur du site web, et des photos d’étudiants sont présentes tout au long du parcours afin d’incarner au mieux l’école.

Une fois que les maquettes ont été validées sur Figma*, nous avons lancé les développements techniques. 

Plusieurs enjeux étaient liés à la partie technique du projet :

Enfin, nous avons réalisé des tests fonctionnels et graphiques. 

Nous avons mis en place 3 sprints de développement ce qui a permis à l’équipe ISC Paris de voir le site internet se construire au fur et à mesure et de tester progressivement le site internet.

L’expérience utilisateur ne se mesure pas seulement à la data mais également à travers des comportements utilisateurs. C’est pourquoi une fois la mise en ligne du site internet de ISC Paris, nous avons installé le script de Clarity.

Avant de démarrer et pour que l’analyse comportementale soit de qualité et pertinente, il était nécessaire d’attendre 1 mois pour récolter suffisamment de données.

Clarity est un outil gratuit qui permet d’analyser le comportement des utilisateurs qui aide à comprendre comment les utilisateurs interagissent avec votre site internet.

Nous avons pu analyser les utilisateurs à travers de : 

Notre audit comportemental avait pour objectif de mettre en lumière les points forts & les carences d’expérience utilisateur du site ISC Paris afin de l’optimiser au maximum. 

Les étapes à suivre pour mener à bien son analyse :