Problématiques et solutions
Adaptation du multi-réseaux sur une base mono-réseau
Problématique 1: m-Ticket est un produit en marque blanche, donc une
application par
réseau. tixiPASS c'est l'inverse: une seule app pour tous les
réseaux. Repartir de la base m-Ticket pour reconstruire tixiPASS
impliquait donc
d'y réintégrer toute la logique multi-réseaux absente sur le m-Ticket
Solution : Plutôt que de recréer tous les écrans, seuls ceux nécessitant
des ajustements multi-réseaux ont été retravaillés : un parcours de sélection de réseau avec
tous les cas d'usage, une indication visible du réseau actif sur les écrans concernés
(boutique, panier, portefeuille), et une adaptation des écrans de listing (historiques,
abonnements, pièces justificatives, tous mes titres) avec un système d'accordéon: un
accordéon par réseau, pour afficher les informations de chaque réseau sur un même
écran, sans surcharge visuelle ni scroll infini.
Identité et accessibilité
Problématique 2: tixiPASS dispose de sa propre charte graphique avec un
violet foncé comme couleur primaire. En light mode, ce violet respecte largement les ratios
de contraste WCAG. En dark mode, il devient illisible: contraste insuffisant.
Solution : Conserver le violet validé pour respecter les ratios de
contraste WCAG, pour le light mode et le décliner en teinte plus claire pour le dark
mode. La conformité d'accessibilité (93%) établie sur m-Ticket servant de référence, aucun audit supplémentaire
n'a été nécessaire (mêmes composants et mêmes règles, respectant un Design System commun).