CNSS Indépendants : app de retraite pour les travailleurs indépendants

Charbel Mehinto

Product Designer UI/UX

CNSS Indépendants : app de retraite pour les travailleurs indépendants
CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 02

Le problème

Les indépendants (revendeuses, couturiers, artisans) ont des revenus irréguliers. Les cotisations mensuelles fixes et les démarches au guichet les excluent de la retraite.

CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 07CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 08

La solution

Une app qui suit le rythme des recettes : cotiser quand on peut, souffler un mois difficile, rattraper ensuite, et voir sa future pension au franc près.

CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 03CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 04

Fonctionnalités clés

  • Simulateur de retraite et compte retraite détaillé

  • Mois difficile, suspension et rattrapage des cotisations

  • Paiement Mobile Money, attestations et relevés téléchargeables

  • Back-office : cotisants, relances, agents de collecte, liquidation des pensions, encaissements

CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 10CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 11

Processus de conception

Quatre phases : découverte (entretiens, audit de l'existant), définition (parcours, architecture de l'information), conception (UI, design system, prototype) et livraison (landing, spécifications).

CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 06

Choix de design

Vert pétrole #0F5C5C pour la confiance et la durée, or #C8963E pour l'épargne, encre #0B1A1A pour le texte. Montserrat pour les titres, Inter pour le texte ; graphiques limités aux courbes lissées et aux anneaux, contrastes d'au moins 4,5:1 et cibles tactiles de 44 px.

CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 05

Landing page

Une landing page présente l'offre, montre l'application et le back-office, et pousse au téléchargement.

CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 09

Livrables

  • Application mobile iOS et Android

  • Back-office web

  • Landing page

  • Design system, présentation Behance et carrousel LinkedIn

CNSS Indépendants : app de retraite pour les travailleurs indépendants, li 12

Mon rôle

Recherche et personas, parcours utilisateurs, architecture de l'information, UI design haute fidélité, design system et prototype interactif dans Figma. Les écrans sont produits avec un plugin Figma sur mesure en TypeScript, alimenté par un kit UI, avec des contrôles d'accessibilité : contraste 4,5:1, cibles tactiles de 44 px, erreurs jamais signalées par la couleur seule.

Concept de portfolio non officiel, non commandité par les organisations citées.

cnss-independants-pension-app-ui-ux-case-study visual 1
cnss-independants-pension-app-ui-ux-case-study visual 2
cnss-independants-pension-app-ui-ux-case-study visual 3

Commentaires (0)

  • Soyez le premier à commenter.

Donnez à votre marque le site qu’elle mérite

15 minutes pour faire le point sur votre site actuel et repartir avec un plan clair. Gratuit, sans engagement.