Application web de gestion des batteries de véhicules en fin de vie

Dans le cadre de la réglementation de la Responsabilité Élargie des Producteurs (EPR), Stellantis, constructeur automobile multinational, s’est engagé à concevoir un service de collecte et de gestion des batteries en fin de vie (ELB). Destiné aux concessionnaires, usines, importateurs et centres de recyclage, ce projet vise à répondre aux enjeux de suivi et de traçabilité des batteries, tout en favorisant leur réutilisation et leur recyclage. L’initiative SUSTAINera s’inscrit pleinement dans une démarche d’économie circulaire, en contribuant à réduire les déchets et à prolonger la durée de vie des ressources. Avec un déploiement prévu dans tous les pays européens, cette plateforme se veut un outil robuste, conforme aux réglementations en vigueur, et évolutif pour répondre aux besoins de tous les acteurs de la chaîne.

Au sein d’Onicorn, j’ai participé à la conception des interfaces de cet outil, en assurant une expérience utilisateur optimale. Mon travail a consisté à réaliser des entretiens UX, concevoir des wireframes et des maquettes, établir un design system cohérent, et créer des prototypes fonctionnels. J’ai ensuite intégré ces interfaces en développant des composants sur Svelte, garantissant ainsi une expérience utilisateur fluide et une interface intuitive pour une utilisation par différents profils, des employé·e·s de Sustainera aux prestataires de services.

LES FORCES CACHÉES DERRIÈRE CE PROJET

Technologies utilisées

Logo de Figma

Figma

Figma est un logiciel de design en ligne qui permet de créer facilement des maquettes et des prototypes d’interfaces. Son interface intuitive facilite la conception visuelle, le test d’interactions et la réalisation rapide de designs détaillés.

Logo de SvelteKit

SvelteKit

Svelte est un framework JavaScript moderne conçu pour créer des applications web rapides et réactives. Contrairement aux autres frameworks, il génère un code final très léger, ce qui rend les pages plus rapides à charger et à utiliser. Parfait pour offrir une expérience fluide aux visiteurs.

Logo de TypeScript

TypeScript

TypeScript est un surensemble de JavaScript qui apporte une structure supplémentaire au code grâce à la possibilité de définir des types. Cela rend le développement plus fiable en aidant à repérer les erreurs plus tôt, tout en gardant une syntaxe proche de JavaScript. Idéal pour des projets web maintenables et de grande ampleur.

PASSONS À L’ACTION

Alors, prêt·e à booster 
votre présence web ?

© Charlie FEIX - 2024