Library of Ecom Ideas for PM's
Concevoir et développer un outil interne de bibliothèque de features e-commerce pour les Project Managers.
L'objectif
LEIPM est une webapp interne qui permet aux Project Managers de consulter une bibliothèque d'idées e-commerce, de les croiser avec le portefeuille clients de l'agence, et de voir rapidement ce qui a déjà été déployé, ce qui est en cours, ou ce qui pourrait être proposé.
Un outil pour les PM's
Les utilisateurs cibles sont les Project Managers d'Obsidian, dont le problème était le suivant : à chaque nouveau client, les PM repartait de presque zéro. Il n'existait pas d'endroit pour savoir quelles idées avaient déjà été déployées, chez qui, dans quelle industry, et donc pas de moyen de capitaliser sur l'expérience accumulée au fil des projets. Grâce à LEIPM, un PM peut filtrer par industry, consulter les idées pertinentes, et voir quels clients de l'agence les ont déjà mises en place.
Production
UI kit
Le design system part du fichier Figma existant, avec un audit visuel pour cartographier ce qui était déjà là, comprendre la logique de construction, et identifier ce qui manquait. À partir de là, j'ai formalisé les tokens pour ensuite construire les composants par couches : atomes d'abord, molécules puis organismes.
Une base de données Notion structurée
Trois databases reliées entre elles constitues le backend de l'app : Industries, Ideas, Clients. Les Industries fournissent une classification partagée pour les deux autres. . Les Ideas ont chacune un bannière, une description et un statut, et des relations vers les clients qui les ont déployées. Les Clients sont quand à eux tous reliés à une industry, un PM, et un site web. C'est cette structure en base relationnelle qui permet à l'app de croiser les données.
Webapp Next.js 14 déployée sur Vercel, et un pipeline de mise à jour GitHub
L'app est construite en Next.js 14 avec l'App Router, en JavaScript, avec Tailwind CSS v4 pour le style et l'API Notion pour les données. Le tout est déployé sur Vercel avec un pipeline GitHub.
