Mikaël Le Yaouanq - Myka Design

Infos Projet

Client

Ville de Cannes

Rôle

Product Designer

Périmètre

ERP SaaS (Back-office)

Volume

+80 écrans

Cannes Club Connect : ERP & Régie Publique

Refonte intégrale et conception de l'application métier pour la régie des clubs seniors de la Ville de Cannes. Une solution numérique robuste répondant à des exigences comptables strictes tout en simplifiant la logistique terrain.

+80 écrans conçus, documentés et intégrés au Design System
3 rôles métiers complexes : Super Admin, Accueil, Comptabilité
Zéro rupture d'audit grâce à une conception respectant la norme NF525

Le Défi

Moderniser la gestion des activités, de la billetterie et des finances sans compromettre la rigueur légale. L'application devait articuler des processus métiers complexes, avec différents niveaux d'accès, tout en restant simple à utiliser pour les agents sur le terrain.

Enjeux Principaux

Rigueur Comptable : Traçabilité infaillible (norme NF525), gestion stricte des avoirs et des remboursements, et export simplifié du suivi de caisse.
Logistique Terrain : Outil de création d'itinéraires de navettes avec suivi chronologique et ajout d'arrêts en direct.
Gestion des événements : Système liant la disponibilité des intervenants, le niveau des participants et la capacité dynamique des salles.

Conception : Régie financière & Formulaires

L'organisation des informations a demandé de résoudre des défis d'ergonomie complexes, en particulier pour concilier la lecture chronologique des transactions et le besoin d'un moteur de recherche centralisé pour les audits.

Architecture de l'information : Création d'un espace d'archive dédié pour faciliter la vérification des données financières et les audits.
Formulaires dynamiques : Mise en place de formulaires modulaires et de champs répétables pour sécuriser la saisie sans bloquer l'utilisateur avec des pop-ups intrusives.
Gestion des erreurs : Anticipation des cas particuliers avec des alertes visuelles claires et des codes d'erreur précis pour faciliter le travail du support technique.

Système de Composants & Micro-interactions

Pour assurer une scalabilité optimale et un alignement Design Ops parfait, l'interface repose sur une approche Atomic Design. L'intégration de design tokens et de micro-interactions fluides permet de réduire drastiquement la charge cognitive des agents terrain, tout en valorisant l'affordance des composants clés (cartes interactives, feedback visuel, états actifs).

Collaboration avec les Développeurs

La création de composants réutilisables (tableaux interactifs, badges de statut, fenêtres d'action) a permis d'aligner le langage entre le design et le développement, garantissant ainsi l'évolution facile du produit.

Documentation & Transmission

Documentation rigoureuse sur Figma, cartographie claire des parcours utilisateurs et détails précis des interactions. Résultat : une intégration technique fluide et une réduction drastique des allers-retours avec l'équipe de développement.

Impact & Bilan

Prise en main immédiate par les équipes municipales et comptables lors des tests de recette.
Élimination des erreurs de saisie sur la jauge des événements et sécurisation de la piste d'audit financière.
Félicitations de l'équipe de développement sur la lisibilité des spécifications d'interaction et la cohérence de la hiérarchie d'information sur les 80 écrans livrés.