Niji – UI, UX
Le projet IGS
En tant que collaborateur Niji, j’ai apporté mon expertise au Groupe IGS. Groupe IGS est un groupement d’écoles privées qui proposent différents cursus scolaires et formations dans des secteurs variés : journalisme, finance, immobilier et bien d’autres, le tout encadrés par les règles imposées par l’État.
Ma mission de Designer UI/UX a été d’accompagner le client dans son souhait de moderniser, à la fois sur le plan technique et sur le plan design, les sites de chaque école.
Étant donné le nombre important de sites (une quinzaine), nous avons pris en compte l’harmonisation et la gestion au quotidien. Dans cette optique, une usine à sites a été mise en place : tous les sites ont une base technique et des composants identiques, seuls quelques attributs peuvent être propres à un site (fonts, couleurs…).
Ensuite, l’objectif du design a été de mettre en avant les écoles avec la modernisation des sites, faciliter le parcours utilisateur et générer des leads. J’ai également mis en place un design system permettant de gérer l’ensemble des composants de l’usine à sites.
Le Design System
Le Design System repose sur la méthode Atomic : les composants les plus simples construisent les composants plus complexes et ainsi de suite jusqu’à obtenir une structure de page.
La principale difficulté a été d’imaginer des composants interchangeables d’un site à l’autre, en gardant certaines spécificités pour chaque site : fonts et couleurs notamment. Pour se faire, un Design System « parent » comprenant l’ensemble des composants, des atoms aux templates, a été mis en place, puis un Design System « enfant » par école, comprenant les bibliothèques de couleurs et de fonts et les templates.
Le design
J’ai travaillé dans un premier temps sur le design du site de l’ISCPA, école de journalisme, communication et production du groupe IGS. Ce site a été une base pour la conception des composants du Design System « parent » et des maquettes.
La page d’accueil
La page d’accueil doit mettre en confiance l’utilisateur. Même si cette page n’est pas la landing principale, l’utilisateur doit trouver rapidement les infos dont il a besoin : les formations proposées, les événements de l’école ou des réponses à ses interrogations.
Pour maximiser la génération de leads (demande de brochure, candidature en ligne et appel au standard pour demande d’infos), j’ai mis en place un bandeau sticky (qui suit l’utilisateur lors des scrolls) avec les CTA (Call To Action) toujours présents en bas de page.
La page formation
Il s’agit de la page centrale pour les écoles et de la principale landing. Les écoles étant agréées par l’État, les pages formation doivent impérativement faire apparaître certaines infos, comme les niveaux d’accès et de sortie ou la durée.
