CLIENT

CLIENT

CLIENT

Gr33t

Gr33t

Gr33t

Rôle

Rôle

Rôle

Direction Artistique, UI/UX, Illustration, Animation

Direction Artistique, UI/UX, Illustration, Animation

Type de projet

Type de projet

Type de projet

conception UX/UI et direction artistique pour une plateforme interne

conception UX/UI et direction artistique pour une plateforme interne

Agence

Agence

Agence

Gr33t / Lecko

Gr33t / Lecko

Gr33t / Lecko

Années

Années

Années

2021—2025

2021—2025

2021—2025

design d’une application pour réduire l’impact numérique et favoriser le bien-être au travail

Gr33t est une application qui aide les organisations à réduire l’impact environnemental de leurs usages numériques tout en améliorant le rythme de travail et la qualité de vie de leurs collaborateurs.

Développée pour des clients tels que VINCI, Accor, L’Oréal et Swiss Life, la plateforme s’est progressivement enrichie : suivi des émissions de CO₂, sensibilisation, gamification, prévention du sur-engagement, organisation du travail et visualisation des trajectoires d’émissions individuelles ou d’équipe.

Aujourd’hui, Gr33t accompagne plusieurs organisations dans la prise de conscience et la réduction des volumes stockés, tout en favorisant des pratiques numériques responsables adaptées aux usages quotidiens des collaborateurs.

Prototype pour Vinci

Prototype pour Vinci

DA multi-casquettes dans une petite structure

Chez Lecko, j’occupais le poste de directeur artistique au sein d’une petite équipe. Au départ, je participais aux réunions et ateliers, apportant des retours UX et des idées pour la représentation des interfaces, tandis que ma collègue assurait principalement la production des écrans.

Quelques visuels et widgets que j’ai réalisés dans les premières versions

Les premières versions : participation créative et supervision graphique

À mesure que le projet a pris de l’ampleur, j’ai élargi mon rôle sur la conception UX/UI :

  • Analyse des besoins et proposition d’organisation des écrans

  • Création d’éléments graphiques et widgets

  • Collaboration directe avec les développeurs pour garantir la faisabilité des interfaces

Dans cette phase, j’ai également contribué aux illustrations du projet. Nous avions mis en place un style très identifiable basé sur des mains bleues représentant différentes actions (pointer, lire, chercher, etc.). Pas de personnages, mais un langage visuel simple et cohérent avec notre charte.

Montée en compétence
et prise en charge progressive de l’UI

Montée en compétence
et prise en charge
progressive de l’UI

Montée en compétence
et prise en charge
progressive de l’UI

À partir de 2022, j’ai produit davantage d’éléments graphiques et participé directement aux écrans des versions mobile et desktop. Je suis devenu garant de la cohérence visuelle : tailles de textes, usages des couleurs, organisation des blocs et clarté globale.

2024 : refonte complète
et travail sur l’accessibilité

2024 : refonte complète et travail sur l’accessibilité


En 2024, dans le cadre de la refonte profonde de l’expérience utilisateur, j’ai :

  • Repris les couleurs, les contrastes et les usages des fonds, avec un texte majoritairement noir pour assurer une lisibilité constante.

  • Simplifié et réorganisé les blocs pour une lecture plus claire et une navigation fluide.

  • Présenté les nouvelles pages aux clients engagés et intégré leurs retours, positifs sur la clarté générale et la cohérence visuelle.

Visuels de la page d'accueil

Visuels de la page impact carbone

Structuration du travail dans Figma

Cette refonte a aussi été l’occasion de revoir notre manière de produire les maquettes.

J’ai réorganisé les fichiers Figma, créé des composants réutilisables, structuré menus, blocs et widgets, et généralisé les auto-layouts pour fiabiliser les maquettes et accélérer les itérations.

Nous nous appuyons sur Material Design comme base : tailles, logiques d’interaction et pictogrammes, tout en adaptant largement pour conserver l’identité propre de Gr33t.

Communication et supports promotionnels

Le projet imposait plusieurs contraintes : contenus complexes à simplifier, lisibilité pour tous les profils, cohérence entre supports vidéos et infographiques.

L’approche minimaliste et iconographique a permis de créer des vidéos et infographies engageantes et pédagogiques, claires et accessibles à l’ensemble des utilisateurs.

Impact et KPI

L’adoption de Gr33t par les équipes a rapidement produit des effets mesurables sur les usages numériques.

Chez Accor, les utilisateurs engagés sur la plateforme ont ajusté leurs pratiques numériques de manière notable.

-15%

d’émissions CO₂ chez les utilisateurs

+29%

d’émissions CO₂ chez les non-utilisateurs

Le pilote mené chez Expanscience montre une appropriation rapide et une capacité des utilisateurs à agir sur leurs stocks et leurs usages.

35 / 37

collaborateurs embarqués

26 / 37

collaborateurs ont réduit leur stockage OneDrive

08 / 37

collaborateurs ont réduit leurs émissions CO₂ annuelles

301 Go

supprimés

220 kgCO₂e

économisés

Enfin, dans le cadre d’un accord d’entreprise chez Technip Energies, Gr33t a été utilisé pour soutenir la qualité de vie au travail.

Ces résultats montrent l’impact de la solution sur les usages et la culture numérique, avec des indicateurs sur la récupération, les transitions et le multitâche, permettant aux managers et RH d’initier des actions d’amélioration.


Mes contributions ont consisté à produire des interfaces et supports clairs pour faciliter l’appropriation et la compréhension du produit.

Crédits

Entreprise

Gr33t

Lecko

UX

Valérian Piozin

Arnaud Rayrole

Loisa Thimon

UI

Leya Leroux

Valérian Piozin

Loisa Thimon

Illustration

Leya Leroux

Valérian Piozin

Loisa Thimon

Animation

Valérian Piozin

Dév

Khalid Debdi

Rémi Picot

Ferhat Yousfi