<p>Ce projet porte sur la conception et le développement d’une armoire à clés connectée, intégrée à un ERP afin de gérer la réservation, la récupération et la restitution des clés de véhicules de manière centralisée et sécurisée. L’objectif est de remplacer les processus manuels par un parcours digital fiable, traçable et simple d’utilisation pour les collaborateurs.</p><p>L’armoire est reliée à l’ERP, qui pilote les droits d’accès, les réservations et l’association entre un utilisateur, un véhicule et une clé. L’interface utilisateur guide chaque étape du parcours, depuis la sélection de la clé jusqu’à sa restitution dans un emplacement disponible, en limitant les erreurs et en garantissant la cohérence des données. Les actions sont enregistrées automatiquement, permettant un suivi précis des usages et des responsabilités.</p><p>Lors de la restitution, l’utilisateur est invité à compléter des informations complémentaires liées au véhicule, telles que le kilométrage ou l’état général, directement depuis l’interface. Ces données sont immédiatement synchronisées avec l’ERP, offrant une visibilité en temps réel sur la flotte et facilitant la maintenance, le reporting et la gestion opérationnelle. Ce projet s’inscrit comme un outil clé pour optimiser la gestion des véhicules, renforcer la sécurité et améliorer l’expérience utilisateur.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cml6pirqs061q6eckc8sjetvy.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cml6pj2yc4ecf6ef35wu9hgik.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cml6pjfxi46fm6lfe1h8yhd61.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cml6pjnsp46sz6lfee55q2n0j.png"><div class="image-overlay"></div></div></div></div>

Ce projet consiste en une armoire à clés connectée, intégrée à un ERP pour la réservation et la gestion des clés de véhicules.
L’interface permet aux utilisateurs de restituer ou récupérer une clé de manière guidée, sécurisée et tracée.
Les informations liées au véhicule et à l’utilisation sont synchronisées en temps réel afin d’assurer un suivi fiable et automatisé.

React

UX Product Design

UI Product Design

Armoire à clés

<p>Ce projet consiste en la conception et le développement d’un organigramme dynamique et interactif, directement connecté aux fiches utilisateurs de l’intranet de l’entreprise. L’objectif est de proposer une représentation claire, structurée et toujours à jour de l’organisation, accessible à l’ensemble des collaborateurs.</p><p>L’organigramme est affiché sous forme arborescente et permet de visualiser les relations hiérarchiques entre les équipes, les départements et les rôles clés. Chaque élément représente un utilisateur ou une entité organisationnelle et s’appuie sur un code couleur par département afin de faciliter la lecture et l’identification des périmètres fonctionnels.</p><p>Les données sont automatiquement synchronisées avec l’intranet, garantissant la cohérence des informations telles que les intitulés de poste, les rattachements hiérarchiques, les départements ou les statuts des collaborateurs. L’interface propose plusieurs options de filtrage et de configuration permettant d’adapter l’affichage selon le contexte, que ce soit pour une vue globale de l’entreprise ou une exploration plus ciblée.</p><p>L’organigramme est entièrement interactif. Les branches peuvent être déployées ou repliées afin de naviguer facilement dans la structure, et chaque fiche utilisateur donne accès aux informations essentielles du collaborateur. En complément, des pastilles de navigation situées en bas de l’interface permettent de sélectionner un département spécifique. Lorsqu’une pastille est activée, le département correspondant est mis en évidence dans l’organigramme, tandis que les autres sections sont visuellement atténuées, ce qui permet de focaliser rapidement l’attention sur un périmètre précis.</p><p>L’interface a été conçue pour être ergonomique, lisible et responsive, afin de garantir une utilisation fluide sur tous les supports. Cet outil constitue un support central pour la compréhension de l’organisation, l’onboarding des nouveaux collaborateurs et la communication interne, tout en réduisant la maintenance grâce à une gestion entièrement automatisée des données.</p>

Ce projet propose un organigramme dynamique connecté aux fiches utilisateurs de l’intranet, offrant une vue claire et à jour de la structure de l’entreprise.
L’organisation est affichée sous forme arborescente avec une navigation interactive et un code couleur par département.
Des pastilles cliquables permettent de mettre en évidence un département afin de faciliter la lecture et l’exploration.

Antoine Aglave

React/React Native developer & UI Designer at Lisam Systems

À propos

Expérience de travail

Développeur web

Développeur web

Développeur web

Formation

Haute École Francisco Ferrer

Portfolio

Armoire à clés

N/A

Organigramme dynamique basé sur les fiches utilisateurs de l’intranet

N/A

Talents

Recruteurs

À propos