Alexandre Gay

APRIL Marine souhaitait refondre l’espace web dédié à ses collaborateurs afin d’améliorer l’efficacité des usages internes. L’objectif était de proposer une interface métier plus claire, plus rapide à utiliser et alignée avec les standards actuels du design.

• Repenser entièrement l’UX et l’UI de 5 écrans desktop métier.

• Uniformiser l’interface à partir de la librairie Vuetify pour garantir cohérence, maintenabilité et performance.

• Optimiser l’ergonomie afin de faciliter l’accès aux informations clés et la réalisation des tâches quotidiennes.

• Analyse des besoins utilisateurs et des contraintes métier propres aux collaborateurs APRIL Marine.

• Refonte des parcours pour réduire la complexité, clarifier les actions et accélérer la prise en main.

• Conception des maquettes sur Figma en s’appuyant sur les composants et les possibilités de Vuetify.

• Création d’un design modernisé, épuré et orienté efficacité.

• Intégration d’éléments visuels adaptés aux usages internes (tableaux enrichis, filtres, composants interactifs, états de navigation…).

• Livraison d’interfaces métiers plus lisibles, rationnelles et alignées avec les workflows réels des collaborateurs.

• Amélioration de la productivité grâce à une navigation simplifiée et à des composants optimisés.

• Base UI unifiée facilitant les évolutions futures et l’intégration technique via Vuetify.

L’École Nationale de la Magistrature (ENM) souhaitait développer une web-application interactive pour valoriser son histoire, ses missions et son fonctionnement. L’objectif était de proposer un outil numérique accessible et pédagogique à destination du grand public.

• Créer une application web claire, immersive et responsive permettant de présenter l’école, son histoire et son rôle dans la formation des magistrats, tout en respectant l’univers institutionnel et graphique de l’ENM.

• Conception d’une arborescence intuitive pour structurer les différentes thématiques (histoire, formation, valeurs, etc.).

• Travail sur les parcours utilisateurs pour favoriser l’exploration des contenus de manière fluide.

• Mise en place de wireframes pour valider la navigation et l'organisation de l’information.

• Création des maquettes sur Figma, en intégrant les codes visuels institutionnels.

• Définition d’un design sobre et moderne

• Mise en place d’un design system dédié pour garantir la cohérence de l’interface.

• Intégration d’éléments interactifs pour dynamiser la présentation (icônes, timelines, modules explicatifs...).

• Déploiement d’une web-application claire, structurée et engageante, valorisant l’histoire et les missions de l’ENM.

• Expérience utilisateur fluide, adaptée à un public large (étudiants, professionnels, curieux).

• Outil valorisant l’image de l’institution dans un format digital innovant.

La Dépêche du Midi, média régional emblématique, souhaitait mettre en avant des événements spéciaux via une page dédiée, tout en respectant sa charte graphique et son identité éditoriale. L’enjeu : proposer un format engageant, éditorialisé et visuellement impactant sans rompre avec l’univers du site principal.

Objectif :

• Créer une page web spécifique pour valoriser des événements ponctuels (culturels, sportifs, politiques...) avec une mise en forme différenciante, responsive et éditoriale, tout en maintenant la cohérence graphique avec le site de La Dépêche.

UX design :

• Conception d’une architecture de page simple et efficace.

• Hiérarchisation des contenus pour capter l’attention sur les éléments clés de l’événement.

• Parcours utilisateur pensé pour être fluide sur desktop et mobile.

UI Design :

• Réalisation des maquettes sur Figma, en s’appuyant sur la charte graphique du média.

• Intégration de visuels éditoriaux, blocs d’infos, appels à l’action, en cohérence avec l’univers presse.

• Adaptation responsive pour une lecture confortable sur tous supports.

• Mise en ligne d’une page événementielle impactante et bien structurée.

• Format réutilisable pour de futurs événements.

• Valorisation de contenus éditoriaux à fort enjeu, avec un rendu professionnel et engageant.