01 / Logo
CASE 05 / Produit interne · Full stack · UX/UI
TotalEnergies
Centraliser le calendrier d’une BU sans alourdir les usages.
SCOPE / OWNERSHIP
J’ai conçu et développé un calendrier web interne pour planifier, organiser et suivre la communication et les événements physiques de la BU Lubrifiants.
- Rôle
- Product design, UX/UI, accessibilité et développement full stack Next.js.
- Périmètre
- Authentification, base de données, filtres, création et modification d’événements, dashboard et exports.
- Contexte
- Solution interne pour TotalEnergies Lubrifiants.
01 / Le défi
Réunir plusieurs besoins opérationnels dans une interface commune, tout en gardant la création d’un événement rapide et le suivi global immédiatement lisible.
02 / Mon approche
J’ai organisé le produit autour de quatre actions récurrentes : filtrer, créer, modifier et exporter. Le dashboard donne une vue d’ensemble sans multiplier les écrans.
03 / Identité visuelle
Identité visuelle
Pour ce produit interne, j’ai travaillé dans le système existant sans le surcharger. Les couleurs du groupe servent à orienter, tandis qu’une base neutre laisse les données et les actions métier au premier plan.
02 / Palette
Rouge
#E2004EBleu
#056DFEVert
#33C18CJaune
#F3DA7B04 / Preuves & périmètre
Preuves & périmètre
01Next.js
produit full stack
024
flux opérationnels centraux
031
vue de pilotage unifiée
05 / Décisions de design
Décisions de design
01
Partir des tâches réelles
Les filtres, la création, la modification et les exports structurent la navigation avant toute considération décorative.
02
Conserver une vue commune
Le dashboard rassemble les signaux utiles sans transformer l’outil en succession de widgets.
03
Relier design et livraison
La même responsabilité couvre l’architecture d’interface, l’accessibilité et l’intégration full stack.
06 / Livraison
Livraison
Livré : un outil central qui regroupe le calendrier, les données, les droits d’accès et les exports dans une expérience cohérente.
Compétences mobilisées
- Product design
- UX research
- Interface design
- Next.js
- Accessibilité
- Développement full stack