Refonte site Internet vitrine

Avant d’imaginer les premières maquettes UX, notre agence web a d’abord cherché à cerner précisément les enjeux du Groupe MG afin d’apporter une réponse parfaitement alignée avec ses ambitions. Il ne s’agissait évidemment pas uniquement d’organiser des contenus, mais de construire un outil capable de guider efficacement des profils différents : dirigeants, candidats, partenaires ou équipes internes. Parmi les points clés : rendre les informations plus accessibles, simplifier les chemins de navigation, mieux valoriser les équipes, donner plus de place à la marque employeur, faciliter la prise de contact, imaginer des gabarits capables d’accueillir une grande diversité de contenus… Cette phase d’analyse a permis de poser un cadre clair pour la suite du projet.

Cette compréhension des enjeux s’est également construite en lien direct avec les équipe du Groupe MG. Pour cela, nous avons animé un atelier UX avec plusieurs pôles métiers : marketing, commercial, ressources humaines, experts comptables…L’objectif : écouter les attentes de chacun, identifier les points de friction de l’ancien site et faire émerger une vision commune du futur outil. Exercices de personas, définition de parcours utilisateur type  avec user journeymap, codéfinition des priorités…Autant d’étapes qui ont permis d’alimenter la réflexion UX, de mieux qualifier les besoins des différents publics et d’orienter les choix de conception pour la suite du projet.

À partir du travail de cadrage, nous avons conçu des maquettes UX capables de traduire les besoins identifiés en interfaces claires, structurées et agréables à parcourir. L’enjeu était de permettre à chaque visiteur d’entrer dans le site selon sa propre logique : rechercher une expertise, découvrir les accompagnements proposés, explorer les offres d’emploi, prendre contact…
Les pages ont été pensées avec des blocs de contenus hiérarchisés et variés, capables de traiter l’information sous différents formes : zones de réassurance, appels à l’action, liens contextuels, cartes, ancres de navigation, chiffres clés, témoignages, contenus associés ou mises en avant ponctuelles. Cette construction permet de rythmer l’expérience, de faire ressortir les messages importants et de conserver une dimension très pratique, avec des points de contact visibles pour joindre une agence, identifier un membre de l’équipe ou poursuivre son parcours simplement.

Côté UI, Tiffany, notre directrice artistique, est partis de la charte existante pour l’enrichir et lui donner une dimension digitale. Le rouge MG, le bleu profond, les typographies expressives et l’univers #jesuisMG ont été prolongés avec des gimmicks graphiques, des illustrations, des pictogrammes, des aplats colorés et des compositions plus modernes et rythmées.
Chaque espace peut ainsi adapter son ambiance sans perdre la cohérence globale : des pages expertises plus structurées et rassurantes, une page carrière plus fun avec un esprit presque BD, l’Académie by MG portée par un univers jaune plus identifiable, ou encore des modules interactifs comme les quiz, pensés pour engager les clients, prospects et visiteurs. Le design gagne en personnalité : plus moderne, plus vivante, mais toujours lisible et professionnelle.

Une fois les maquettes UX/UI validées, notre équipe a pris en charge le développement front-end du site web. L’objectif était de traduire précisément l’univers graphique imaginé en interfaces fonctionnelles, responsives et agréables à parcourir, tout en respectant les choix de composition, de typographie, de rythme et de hiérarchie des contenus.

Ce travail front-end a également permis d’animer l’interface avec justesse : transitions, effets d’apparition, interactions, comportements au scroll et adaptations selon les formats d’écran. Ces animations viennent soutenir la navigation et renforcer l’identité du site, sans alourdir l’expérience. Le développement back-end a ensuite été assuré par un prestataire du Groupe MG, dans une logique de collaboration fluide entre design, front-end et socle technique.