Projet professionnel · 2026

O2C — Outils pour la Comptabilité Carbone

Startup climate-tech — UX/UI Design sur le site vitrine et l'outil SaaS de Bilan Carbone®.

Voir le site

Problématique

Rendre lisible un sujet technique

O2C automatise le calcul du Bilan Carbone® des TPE/PME à partir de leur logiciel comptable. L'enjeu design était double : rendre lisible un sujet aussi technique que la comptabilité carbone sur le site vitrine, et simplifier l'usage d'un outil SaaS complexe pour des utilisateurs non spécialistes RSE — côté web comme sur mobile.

Cible

Dirigeants, experts-comptables & admins

Dirigeants de TPE/PME sans expertise RSE, experts-comptables partenaires, et administrateurs côté entreprise pilotant la mobilisation interne autour du Bilan Carbone®.

Ce que j'aurais amélioré

Davantage de tests utilisateurs

Le design system a été bien exploité tout au long du projet ; le point qui manquait est la mise en place de tests utilisateurs pour valider les écrans avant leur mise en production.

FigmaUI/UXSaaSMobileMotion designWeb

Processus de conception

De la refonte du site à l'outil SaaS

1

Refonte de pages du site vitrine

Reprise en UX/UI de certaines pages du site o2c.io, dans la continuité de l'identité visuelle existante de la startup.

2

Page Bilan Carbone® en deux parties

Conception de la page Bilan Carbone®, déclinée en deux versions selon l'audience — Association et Entreprise — pour adapter le discours à chaque public non expert.

3

Déclinaison mobile de l'outil SaaS

Conception de la version mobile de la plateforme O2C, pour permettre le suivi du Bilan Carbone® en dehors du desktop.

4

Pilotage entreprise : mobilisation, cadrage & périmètre

Pages dédiées aux administrateurs côté entreprise : écrans de mobilisation des équipes, tableau de cadrage et définition du périmètre du Bilan Carbone®.

5

Visuels du questionnaire d'accompagnement

Base visuelle du questionnaire obligatoire permettant d'adapter l'accompagnement de chaque client selon son niveau de connaissance du Bilan Carbone®.

6

Améliorations de l'outil de facturation

Propositions d'amélioration UX sur le module de gestion des factures de la plateforme.

7

GIFs & motion pour le site

Création de GIFs illustrant le fonctionnement de la plateforme, utilisés en support sur le site vitrine.

8

Nouvelle page Tarifs

Refonte de la grille tarifaire du site vitrine en trois formules claires, sans frais cachés.

Livrables

Ce que ça démontre

Site vitrine

Refonte de pages clés, dont la page Bilan Carbone® en deux parties.

Outil SaaS & mobile

Version mobile de la plateforme, pages de pilotage et de cadrage pour les entreprises.

Motion & accompagnement client

GIFs pour le site et visuels du questionnaire d'accompagnement client.

Réalisations

Aperçu des écrans & visuels

Page Bilan Carbone, partie 1, version Association
Page Bilan Carbone® — partie 1, version Association
Version Association — en situation
Page Bilan Carbone, partie 2, version Entreprise
Page Bilan Carbone® — partie 2, version Entreprise
Version Entreprise — en situation
Page Tarifs O2C, trois formules
Page Tarifs — nouvelle grille tarifaire, trois formules

Version mobile

L'outil O2C décliné sur mobile

Accueil — vue d'ensemble achats, ventes & empreinte carbone
Accueil — vue d'ensemble achats, ventes & empreinte carbone
Bilan Environnement — indicateurs, évolution & catégories émettrices
Bilan Environnement — indicateurs, évolution & catégories émettrices
Bilan Comptable — dépenses, recettes & compte de résultat
Bilan Comptable — dépenses, recettes & compte de résultat
Journal des factures — filtres, résumé & top fournisseurs
Journal des factures — filtres, résumé & top fournisseurs
Ajouter une facture — import glisser-déposer
Ajouter une facture — import glisser-déposer
Tiers — gestion clients & fournisseurs
Tiers — gestion clients & fournisseurs
Ma gestion — adhésions, trésorerie & stocks
Ma gestion — adhésions, trésorerie & stocks
Mon association — informations & paramètres de facturation
Mon association — informations & paramètres de facturation
Mes associées — clubs enfants & invitation de membres
Mes associées — clubs enfants & invitation de membres
Mon profil — identité, mot de passe & changement d'entité
Mon profil — identité, mot de passe & changement d'entité
Fournisseurs — liste renseignée
Fournisseurs — liste renseignée
Clients — état vide
Clients — état vide
Fournisseurs — état vide
Fournisseurs — état vide
Espace admin — mobilisation
Espace admin — mobilisation (introduction, formation, questionnaire, restitution)
Espace admin — cadrage
Espace admin — cadrage, contacts & périmètre
Page graphique — qualité des analyses
Page graphique — suivi de la qualité des analyses (rapidité, incertitude)
Outil de facturation
Outil de facturation — édition d'une facture & de ses lignes

Questionnaire d'accompagnement client

Un parcours adapté au niveau de connaissance du client

Introduction — Hub O2C
Introduction — accueil sur le Hub O2C
Question avec barre de progression
Question — avec barre de progression
Fin du questionnaire
Fin du questionnaire — confirmation & prochaine étape
Prise de rendez-vous avec un expert O2C
Prise de rendez-vous — avec un expert O2C

GIFs

Supports animés créés pour le site

Répartition des émissions — graphique en donut animé
Tableau de bord carbone — vue d'ensemble animée
Transmettre un dossier — parcours animé
Envoyer un rapport — parcours animé
Facture — parcours animé

Outils & technologies

FigmaUI/UXSaaSMobileMotion designWeb