IZI-PASS Écran de comptage
Contexte

Refonte du module de comptage de caisse pour Izipass, l'OS de la restauration.

IZI-PASS est une plateforme digitale centralisée qui relie la prise de commande, la production cuisine, l'encaissement et la fidélisation au sein d'un même écosystème. Dans le cadre du lancement de leur module de comptage de caisse, j'ai été sollicité pour concevoir et retravailler les interfaces de cette fonctionnalité. Ce module permet aux équipes en point de vente de contrôler précisément l'état des fonds, de gérer la répartition des espèces et d'automatiser certaines règles de gestion définies depuis le back-office.

Challenge

L'interface existante souffrait d'une surcharge visuelle : pas de fond sombre, mais une surutilisation de couleurs sans logique. Tout était mis en valeur, donc rien ne l'était. Les informations s'entassaient dans des tableaux denses, sans hiérarchie lisible. À cela s'ajoutait un problème structurel : les écrans se présentaient sous forme de pop-ups aux tailles inconsistantes, sans logique commune. Dans un contexte de point de vente où les équipes doivent aller vite, souvent en fin de shift ou lors d'une fermeture de service, cette désorganisation rendait le module difficile à adopter et source d'erreurs.

Le projet s'est également construit avec très peu de données : l'entreprise ne pouvait pas en fournir, et les équipes internes n'étaient pas toujours alignées sur ce qu'il fallait faire. Chaque décision de design a donc dû se justifier seule, sans pouvoir s'appuyer sur des retours utilisateurs ou un brief stabilisé.

Avant refonte Après refonte
Approche

Premier chantier : créer une structure commune à tous les écrans. Les pop-ups d'origine n'avaient aucune cohérence de taille ni de mise en page, naviguer entre elles désorientait. J'ai défini un gabarit unique, appliqué à chaque étape du module, pour que l'utilisateur retrouve toujours ses repères.

Le module compte désormais quatre étapes : sélection de caisse (qui se faisait auparavant sur le même écran que le comptage, au détriment de la clarté), puis comptage des espèces, répartition et récapitulatif. Chaque étape a été isolée visuellement, avec une seule action à accomplir à la fois.

Sur le fond, la couleur a été ramenée à un rôle strictement fonctionnel, au profit d'une hiérarchie typographique lisible. Les tableaux ont été remplacés par des cartes par coupure avec visuels de billets et pièces, une façon de coller à la réalité du geste de comptage. L'objectif : qu'un employé en point de vente puisse réaliser un comptage sans friction, même en fin de service.

Décisions clés
Sélection de caisse
Sélection de caisse

Dans l'interface d'origine, le choix des caisses à compter se faisait via des cases à cocher intégrées directement dans l'écran de comptage. Une décision secondaire mêlée à l'action principale. J'ai extrait cette étape dans un écran dédié, avec une carte par caisse affichant son nom, son état et son fond initial. L'utilisateur sait sur quoi il s'engage avant de commencer.

Une action, un écran. Le comptage démarre avec un contexte clair.

Espèces séparées
Espèces à part

L'original traitait les espèces comme une ligne de tableau parmi d'autres, au même niveau que la CB ou les tickets restaurant. Pourtant le geste est fondamentalement différent : compter des espèces c'est manipuler physiquement des billets et des pièces, coupure par coupure. J'ai isolé les espèces dans un bloc dédié avec une action propre, et laissé les autres moyens de paiement dans un tableau simple.

Chaque moyen de paiement est traité selon sa nature réelle, pas selon une logique de tableau uniforme.

Structure commune
Structure commune

Les pop-ups d'origine n'avaient ni taille ni mise en page cohérente. Passer de l'une à l'autre cassait les repères visuels de l'utilisateur. J'ai défini un gabarit unique appliqué à chacun des quatre écrans : même positionnement du titre, des actions, du contenu. La navigation devient prévisible.

L'utilisateur sait toujours où il en est, quel que soit l'écran sur lequel il se trouve.

Récapitulatif
Récapitulatif à 3 métriques

Le récap d'origine présentait un calcul à trois termes (espèces comptées moins espèces réparties égale mise au coffre) dans une mise en page qui obligeait à lire chaque ligne. J'ai condensé ça en trois blocs clairs côte à côte, avec la mise au coffre mise en avant visuellement. Les détails par caisse et par coupure restent accessibles, mais en repli.

Le résultat du comptage se lit en un coup d'oeil, sans avoir à reconstituer le calcul.

Mes autres réalisations