Développement logiciel · système de design
aifin
Une console autohébergée de planification patrimoniale et de recherche en placement pour portefeuilles canadiens : simulation de retraite, analyses fiscales, veille de marché et simulations historiques.
Problème
Planifier une retraite au Canada avec des comptes enregistrés et non enregistrés oblige à jongler à la fois avec le traitement fiscal, l’ordre des retraits, le régime de marché et les cibles de revenu. Les outils grand public cachent leurs hypothèses ou s’arrêtent à une seule projection. Les tableaux de bord des courtiers rapportent le passé ; ils ne classent pas la prochaine décision.
L’objectif : une seule console qui répond chaque jour à une question, quoi faire ensuite, en ordre de ce qui protège le mieux le portefeuille.
Approche
aifin est une application Blazor Server autohébergée, avec des tâches en arrière-plan pour les données de marché, la cote de régime et les simulations. Chaque vue est construite autour d’une décision plutôt que d’un jeu de données : une échelle de recommandations, une file d’éléments à traiter, un registre de retraite, des graphiques Monte-Carlo en éventail et un simulateur historique pour les volets de stratégie.
L’interface est traitée comme un tableau de bord d’instruments : dense, à dominante monospace, chaque nombre en chiffres tabulaires avec un signe explicite, chaque statut accompagné d’un mot ou d’un glyphe en plus de sa couleur. Une valeur manquante est un tiret cadratin, jamais un zéro.
Système de design
La console repose sur une seule feuille de style et deux thèmes (papier et ardoise), sans bibliothèque de composants. Un audit d’accessibilité sans complaisance a mené à une révision complète des jetons : texte tertiaire relevé au-delà d’un contraste de 5:1, une couleur de bordure dédiée pour que les champs atteignent le seuil de 3:1 des contrôles, texte de statut distinct des marques de statut, et une palette de séries de données validée dans les deux thèmes.
Les règles sont appliquées dans le code. Des tests en intégration continue fixent les éléments qui peuvent utiliser la couleur d’accent et rejettent les styles en ligne qui contournent les échelles typographique et d’espacement ; la politique de sécurité du contenu refuse les scripts en ligne et les blocs de style.
Résultat
Un outil de décision quotidien en usage actif, et un langage de design documenté. Ce site est bâti sur ce langage de design.
Contact