CLIENT :
KISIO DIGITAL
DATE :
2023
SECTEUR :
TRANSPORT PUBLIC
AVEC :
UNAMI
BRANDING
ICONS
DESIGN SYSTEM
Relier l’identité Kisio à l’écosystème Navitia
Clarifier le circuit de validation et de publication
⤢ Agrandir
Structurer les parcours et confronter les propositions aux usages
⤢ Agrandir
Décliner les gabarits de contenu sur mobile
Les wireframes Figma présentent six écrans mobiles : accueil, démonstration, article, SDK produit, actualités et Data Factory. Chaque gabarit est structuré en fonction de son objectif, avec une hiérarchie des informations et des actions adaptée au contenu présenté. Le travail, mené en binôme avec une experte UX de Kisio, porte notamment sur les repères de navigation, les formulaires, l’accès à la démonstration et l’articulation entre contenus techniques et présentation des services. Cette étape permet de définir des structures cohérentes avant la déclinaison graphique, tout en tenant compte des contraintes de lecture sur mobile.
⤢ Agrandir
Confronter les propositions aux usages
Les tests utilisateurs permettent d’évaluer la compréhension des interfaces et la fluidité des parcours avant de finaliser les choix de conception. Ils servent à observer la manière dont les utilisateurs abordent les écrans, retrouvent les informations et comprennent les actions proposées. Les retours recueillis permettent d’identifier les éléments à clarifier et d’ajuster les propositions au fil des itérations. Cette démarche évite de figer trop tôt les interfaces et permet de faire évoluer les parcours à partir des usages observés, en gardant comme priorité la simplicité d’utilisation.
⤢ Agrandir
⤢ Agrandir
Traduire la mobilité en un langage graphique commun
Le travail d’identité visuelle réalisé par l’équipe créative s’appuie sur la notion de lignes et de connexions, en référence aux déplacements et aux réseaux de transport. Le bleu Kisio constitue la base de la palette, complétée par des couleurs plus toniques pour créer un univers dynamique et identifiable. L’enjeu était de faire vivre ce langage graphique sur des supports variés, des contenus de communication aux interfaces digitales. Dans le cadre de mon travail UX/UI, il s’agissait de l’intégrer aux écrans tout en préservant la lisibilité des contenus, la hiérarchie de l’information et l’efficacité des interactions.
⤢ Agrandir
⤢ Agrandir
⤢ Agrandir
Rendre l’offre Navitia lisible sur mobile
Les maquettes mobiles déclinent les principaux gabarits dans le territoire graphique de Kisio : accueil, démonstration, article, SDK, actualités et Data Factory. Elles traduisent les structures définies en wireframes en interfaces finalisées, en conservant des repères communs entre les différentes pages. Les entrées destinées aux développeurs et aux entreprises, les formulaires de démonstration et les contenus produit sont organisés pour faciliter la découverte des services. La densité des informations et la place des actions sont adaptées à chaque gabarit afin de conserver une expérience claire et cohérente sur mobile.
⤢ Agrandir
⤢ Agrandir
⤢ Agrandir
Mesurer les usages après la mise en ligne
Hotjar a été mis en place pour prolonger la démarche UX après la mise en ligne et compléter les enseignements des ateliers et des tests utilisateurs. L’objectif était d’observer les interactions avec les interfaces et de mieux comprendre les comportements réels des visiteurs. L’analyse de ces données permet de rechercher d’éventuels points de friction, de confronter les hypothèses de conception aux usages et de faire émerger de nouvelles pistes d’amélioration. Cette démarche inscrit l’évolution de l’expérience dans une logique d’optimisation continue.
⤢ Agrandir
⤢ Agrandir
Voir aussi
Avant de fixer une direction graphique, le benchmark ouvre plusieurs pistes à partir de références issues du luxe, de la gastronomie et de l’univers du cadeau.
Les moodboards explorent différents territoires visuels à travers les matières, les couleurs, la typographie, la photographie et la composition. Chaque piste propose une interprétation du positionnement de la Maison, entre héritage artisanal, expression contemporaine et mise en scène sensorielle du produit.
Cette phase permet de comparer les intentions créatives et de questionner leur pertinence au regard de l’identité existante. L’enjeu est de faire évoluer l’expression digitale de la marque sans perdre ce qui la rend reconnaissable. Le territoire retenu devient ensuite un fil conducteur pour les choix de direction artistique et la conception des interfaces.