Geodis

2019

Logistique
Audit UX-UI
Refonte UX-UI

Création d’un nouveau Webportal

GEODIS SCO (Supply Chain Optimization) est le leader mondial du transport et de la logistique. Ils s’occupent de créer de la valeur pour leurs clients au sein de leurs activités logistiques. Ils ont fait appel à nos services afin d’améliorer leur offre actuelle et leur expérience client/utilisateur grâce à la création d’un nouveau Webportal.

Contexte  🎯

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Intervention sur la plateforme existante  🚧

chiffre un dans cercle bleu clair
This is some text inside of a div block.
chiffre deux dans cercle bleu clair
This is some text inside of a div block.
chiffre trois dans cercle bleu clair
This is some text inside of a div block.
chiffre quatre dans cercle bleu clair
This is some text inside of a div block.
chiffre cinq dans cercle bleu clair
This is some text inside of a div block.
chiffre six dans dans bulle bleu clair
This is some text inside of a div block.

Problématiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problématiques

Besoin d’une nouvelle plateforme collaborative et moderne
Problème d’architecture et d’ergonomie sur la plateforme
Besoin d’une refonte UI sur la plateforme et par la suite de la création d’un Design System

Contexte

GEODIS SCO a fait appel à nos services pour améliorer leur offre actuelle et l'expérience client/utilisateur en développant un nouveau Webportal. Pour cela, nous avons d’abord mené une étude concurrentielle et fonctionnelle du Webportal, pour ensuite mener une recherche utilisateur. Un atelier d’idéation a également été organisé avec l’équipe de Geodis , afin de proposer des solutions que nous avons réalisé les maquettes.

Analyse stratégique et fonctionnelle du Webportal

Nous avons procédé à une évaluation détaillée dans le but de  comprendre les objectifs du webportal et à optimiser son efficacité. Nous avons réalisé et présenté une analyse concurrentielle afin  d’identifier des opportunités UX et UI de la future plateforme. La partie fonctionnelle analyse la structure de l'information, la navigation, et les fonctionnalités pour s'assurer d'une expérience utilisateur intuitive. On identifie les parcours utilisateurs pour faciliter les interactions. L'accessibilité et la compatibilité avec les différents appareils sont également évaluées.

Analyse stratégique et fonctionnelle du Webportal

Présentation de la méthode Design Thinking

La méthode du Design Thinking est une approche créative et centrée sur l'utilisateur pour résoudre des problèmes et innover dans divers domaines. Elle se compose de plusieurs étapes itératives et collaboratives (découvrir, définir, prototyper, tester).  En adoptant le Design Thinking, les entreprises peuvent innover de manière significative et créer des produits et services qui répondent réellement aux besoins des utilisateurs. L'humain y est  au cœur du processus de conception, en donnant la priorité à l'expérience utilisateur et en générant  donc des solutions véritablement pertinentes.

méthodologie du double diamant

Rédaction d’interviews et workshop d’idéation

Les interviews nous ont permis de recueillir des informations précieuses en interrogeant directement les utilisateurs pour comprendre leurs besoins, leurs frustrations et leurs attentes. Ces données ont ensuite orienté la réflexion dans le workshops d'idéation. Nous avons organisé ce dernier avec les équipes de Domiserve dans l’objectif de  générer des idées créatives en se basant sur les données récoltées lors des interviews. Nous avons pu, ensemble, proposer des solutions novatrices et explorer de nouvelles approches.

workshop d'idéation

Redesign de la partie desktop et premiers wireframes

Après identification des points faibles et opportunités d'amélioration, les premiers wireframes ont été créés pour esquisser la nouvelle structure et la disposition des éléments de la partie desktop. Le but était de créer une interface moderne, attrayante et cohérente. Nous avons redesigné la partie desktop en premier lieu, ce qui nous permettra de décliner notre travail sur la partie responsive mobile et tablette plus tard.

Wireframes Geodis

Application du design system sur les wireframes

Le design system définit des règles et des composants  qui garantissent la cohérence visuelle et fonctionnelle de l'application. Nous avons appliqué le design system sur nos wireframes afin d’assurer une mise en oeuvre homogène de l’interface. Cela nous a également permis de maintenir l’ identité de marque de Geodis cohérente.

Design System et composants

Redesign de la partie responsive mobile et tablette

Afin de garantir une expérience utilisateur optimale sur tous les appareils, nous avons également redesigné la partie responsive et tablette. Les boutons et les éléments interactifs ont été redimensionnés pour faciliter l'utilisation tactile, tandis que la hiérarchie visuelle a été ajustée pour attirer l'attention sur les éléments clés.

Redesign Responsive Geodis

Nos dernières réalisations

Découvrez notre approche en pratique !
Découvrez nos réalisations

Contactez-nous

Une question ? N’hésitez pas à nous écrire !

🥳

Votre message a bien été envoyé !
La meute s'en occupe le plus vite possible
Il semble qu'il y ait une erreur, veuillez réessayer...