Live tracking

UI

UX

Réseaux sociaux

Figma

Lors de mon alternance en Webdesign à la MJM j'ai eu la responsabilité de la refonte de l’interface de Live Tracking chez Owaka. J'ai été formée à transformer des besoins stratégiques en solutions visuelles, tout en intégrant les contraintes techniques sur le terrain.

Ce projet m’a permis de travailler sur des problématiques complexes d’UX et d'UI Design, notamment sur la question de la visualisation des données en temps réel, mais aussi sur l’optimisation du parcours utilisateur pour le suivi GPS de certains évènements sportifs, tels que le 4L TROPHY.


Wireframes

J'ai initié la conception des interfaces mobiles par des sessions de croquis à la main dans mon carnet. Cette approche traditionnelle et agile me permet de poser rapidement mes idées de zoning, d'explorer différentes pistes d'ergonomie et de tester la disposition des éléments sur de petits écrans sans contrainte technique.


Avant de donner vie à l'identité visuelle, la priorité est de poser des bases structurelles solides. Pour ce projet, j'ai réalisé les wireframes des pages clés afin de définir l'architecture de l'information, de hiérarchiser les contenus et de valider les parcours utilisateurs (UX) essentiels avant la phase de haute fidélité.

Création d'une structure claire et modulable, servant de squelette indispensable et de guide technique pour le futur déploiement de la charte graphique et du design system.


Réseaux sociaux

Design system

mockup web commentaires

Wireframes

J'ai initié la conception des interfaces mobiles par des sessions de croquis à la main dans mon carnet. Cette approche traditionnelle et agile me permet de poser rapidement mes idées de zoning, d'explorer différentes pistes d'ergonomie et de tester la disposition des éléments sur de petits écrans sans contrainte technique.


Avant de donner vie à l'identité visuelle, la priorité est de poser des bases structurelles solides. Pour ce projet, j'ai réalisé les wireframes des pages clés afin de définir l'architecture de l'information, de hiérarchiser les contenus et de valider les parcours utilisateurs (UX) essentiels avant la phase de haute fidélité.

Création d'une structure claire et modulable, servant de squelette indispensable et de guide technique pour le futur déploiement de la charte graphique et du design system.


Design system

Pour garantir une cohérence visuelle et optimiser l'expérience de live tracking (suivi en temps réel), j'ai conçu et structuré un Design System sur Figma. L'enjeu principal était de traduire une charte graphique existante en un écosystème de composants d'interface dynamiques, scalables et parfaitement adaptés aux contraintes du design d'interaction.

Création d'une bibliothèque d'UI elements (boutons, cartes de suivi, indicateurs de statut, barres de progression). Chaque composant a été décliné selon ses différents états (default, hover, active, disabled) pour anticiper toutes les interactions du live tracking.


Réseaux sociaux

en cours …


Design system

Studiolucid.

Studiolucid.

Studiolucid.

Contatez-moi

07.69.67.47.08

07.69.67.47.08

Hello@Studiolucid.

@ 2025. Studiolucid. ®

@ 2025. Studiolucid. ®

Back to top

Back to top

Wireframes

J'ai initié la conception des interfaces mobiles par des sessions de croquis à la main dans mon carnet. Cette approche traditionnelle et agile me permet de poser rapidement mes idées de zoning, d'explorer différentes pistes d'ergonomie et de tester la disposition des éléments sur de petits écrans sans contrainte technique.


Avant de donner vie à l'identité visuelle, la priorité est de poser des bases structurelles solides. Pour ce projet, j'ai réalisé les wireframes des pages clés afin de définir l'architecture de l'information, de hiérarchiser les contenus et de valider les parcours utilisateurs (UX) essentiels avant la phase de haute fidélité.

Création d'une structure claire et modulable, servant de squelette indispensable et de guide technique pour le futur déploiement de la charte graphique et du design system.


Live tacking

UI

UX

Réseaux sociaux

Figma

Lors de mon alternance en Webdesign à la MJM j'ai eu la responsabilité de la refonte de l’interface de Live Tracking chez Owaka. J'ai été formée à transformer des besoins stratégiques en solutions visuelles, tout en intégrant les contraintes techniques sur le terrain.

Ce projet m’a permis de travailler sur des problématiques complexes d’UX et d'UI Design, notamment sur la question de la visualisation des données en temps réel, mais aussi sur l’optimisation du parcours utilisateur pour le suivi GPS de certains évènements sportifs

Live tracking

Lors de mon alternance en Webdesign à la MJM j'ai eu la responsabilité de la refonte de l’interface de Live Tracking chez Owaka. J'ai été formée à transformer des besoins stratégiques en solutions visuelles, tout en intégrant les contraintes techniques sur le terrain.

Ce projet m’a permis de travailler sur des problématiques complexes d’UX et d'UI Design, notamment sur la question de la visualisation des données en temps réel, mais aussi sur l’optimisation du parcours utilisateur pour le suivi GPS de certains évènements sportifs, tels que le 4L TROPHY.


UI

UX

Réseaux sociaux

Figma

Réseaux sociaux