CAS D’ETUDE
UX / UI Design : Conception Graphique et Développement d'un Site Web de Location
OBJECTIFS
Notre client est un leader sur le marché de la location de fret en Europe. Notre objectif est d'accompagner la refonte totale de son site web sur toute la partie design, allant de la mise en place d'ateliers de design, au développement du site web, en passant par un travail important sur les maquettes et autour de l’arborescence et du fonctionnement du site.
MISSION
ESENS réalise une mission de conception graphique et technique pour le compte de son client, leader européen de la location de fret. Il s’agit tout d'abord de procéder à une analyse profonde des besoins du client et des utilisateurs finaux, pour se lancer ensuite dans la refonte complète de la structure actuelle du site, depuis son design jusqu'à son déploiement.
-
Ateliers de Design Collaboratifs
Après une réunion de lancement, nous commençons par organiser une journée d'ateliers collaboratifs avec pour but de définir les points clés du projet avec l'ensemble de ses parties prenantes. Dans le cadre d'un premier atelier, les personas et leur user journeys sont définis. Les besoins des personas sont ensuite répertoriés par catégorie, par thème et/ou par fonctionnalité lors d'un second atelier. Pour finir, un atelier ludique d’initiation au design prévoit la co-création de wireframes pour permettre aux métiers de créer des esquisses et de s'impliquer au maximum dans cette étape critique du projet tout en nous permettant d'identifier de nouvelles pistes de réflexion pour la suite de notre travail.
-
Recherche et Création de Contenus
Les personas et leurs user journeys sont ensuite retravaillés et les éléments de cadrage du projet sont formalisés afin de présenter nos premiers livrables au client. Nous travaillons également sur l’arborescence du site en listant toutes les pages actuelles afin de redéfinir une logique de navigation plus adaptée à leur contenu. Cette étape permet notamment au client d’identifier les contenus manquants au site et aux équipes marketing d'avancer sur cette étape de création.
-
Conception Graphique
La création de wireframes assez avancés nous permet de proposer plusieurs structures de pages et différents chemins de navigation à notre client pour en valider une première partie. L’UI Design peut ensuite être abordé en collaboration avec la direction artistique qui avait déjà développé une nouvelle charte graphique pour le print. Nos échanges nos permettent d'assurer que la création de nos nouvelles maquettes soit en phase avec la charte graphique, tout en restant sur une stratégie moderne et dédiée au web. Chaque semaine, le point est fait sur l'avancement du projet grâce à un logiciel de prototypage qui permet de simuler les nouveaux développements sur des maquettes interactives via InVision.
-
Développement
Afin d'assurer la sécurité du projet, tout notre travail s'effectue en local et à l’aide de Git qui nous permet de sauvegarder l’historique de toutes nos modifications afin de ne perdre aucune donnée.
STRATEGIE
Au cours de cette mission, notre principal défi était d'accompagner la refonte totale du site web de notre client sur toute la partie design afin de le moderniser, tout en nous adaptant aux différentes contraintes et besoins des utilisateurs préalablement identifiés lors de nos différents ateliers avec l'équipe projet. Un défi que nous sommes fiers d'avoir relevé en livrant un site sécurisé au design futuriste, dynamisé grâce à des animations percutantes et facilement éditable côté client.
