Boutique & Espace Cadeau CSE

Boutique & Espace Cadeau CSE

Client

Swizy

Domaine

Les CSE

Service

UI/UX Design

Design System

Identité de marque

Content

Direction Artistique

Durée

2 ans

Pendant un an chez Swizy, j'ai conçu la plateforme qui permet aux salariés de dépenser les avantages offerts par leur comité d'entreprise : une boutique de réductions, un Espace Cadeau pour convertir ses chèques cadeaux en bons d'achat chez de grandes enseignes, et l'espace personnel qui relie les deux.

Pendant un an chez Swizy, j'ai conçu la plateforme qui permet aux salariés de dépenser les avantages offerts par leur comité d'entreprise : une boutique de réductions, un Espace Cadeau pour convertir ses chèques cadeaux en bons d'achat chez de grandes enseignes, et l'espace personnel qui relie les deux.

Catalogue de la boutique CSE avec filtres par catégorie et par enseigne

Le contexte

Chaque année, les comités d'entreprise distribuent des chèques cadeaux à leurs salariés : Noël, rentrée scolaire, mariage, naissance. Un avantage réel, à condition d'arriver à le dépenser. C'est là que ça coinçait. D'un côté le site du CSE, de l'autre une liste d'enseignes mal filtrée, et aucun lien entre les deux. Le salarié choisissait à l'aveugle, et découvrait parfois au moment de payer que son chèque n'était pas accepté. Ma mission : concevoir l'Espace Cadeau, l'endroit où un chèque devient enfin un achat.

Tableau de bord personnel avec solde d'avantages CSE et raccourcis vers la boutique

Le challenge

Un chèque cadeau n'est pas de l'argent. Il est réservé à un motif précis, il expire, et il ne tombe presque jamais sur le montant exact de ce qu'on veut acheter. Quatre questions revenaient sans arrêt : « Où est-ce que je peux le dépenser ? » « L'article coûte 136 €, mon chèque en fait 100, je peux quand même ? » « J'en ai trois, lequel j'utilise en premier ? » « Il expire quand ? » Deux marques à l'écran. L'entreprise a lancé Fizzlee, une offre plus économique pour les TPE-PME. Le même produit devait donc exister sous deux identités, et afficher en plus celle du CSE, comme un partenariat visible. Deux publics. Le comité d'entreprise achète, le salarié utilise. Ils n'attendent pas la même chose du même écran.

La Solution

Le solde, toujours à l'écran. Combien il me reste, sur quel avantage, jusqu'à quand : l'information suit l'utilisateur partout, au lieu d'être planquée dans un espace compte. Un avantage, une carte. Chèques cadeaux, subventions, carte vacances : chaque type d'avantage a sa couleur, son montant, sa jauge et sa date d'expiration. On lit sa situation d'un coup d'œil, sans avoir à ouvrir un tableau. Plus de mauvaise surprise au paiement. Ce qu'un chèque permet d'acheter se voit dès l'entrée dans le catalogue, plus à la dernière étape. Et quand le montant ne tombe pas juste, le complément est intégré au parcours au lieu de le bloquer. Un design system qui tient deux marques. Construit sur une base Material UI, il permet de basculer d'une identité à l'autre (et du mode clair au mode sombre) sans redessiner un seul écran. Seule exception volontaire : les montants et les états importants gardent leurs propres règles de lisibilité, parce qu'un prix illisible est un bug, pas un choix graphique. J'ai aussi créé les déclinaisons de logo qui distinguent chaque espace. Seul designer sur le produit, en binôme avec le lead dev, en lien direct avec les intégrateurs, l'équipe marketing pour les visuels réels, et le service client pour les retours terrain.

Bascule entre deux identités de marque et entre mode clair et mode sombre sur la même interface

Le résultat

La friction principale a disparu : plus personne ne découvre au moment de payer que son chèque n'est pas accepté. Un parcours compris sans mode d'emploi, y compris dans les cas tordus : plusieurs chèques à cumuler, un montant qui ne tombe pas juste. Un design system unique, capable de porter deux marques et deux modes d'affichage sans dupliquer un seul composant. Ce que je retiens : sur un produit encadré par la réglementation, le travail du designer n'est pas d'habiller la contrainte, c'est de la rendre invisible. Le chèque cadeau restera réservé, daté et non fractionnable, mais le salarié ne devrait jamais avoir à y penser.