Mobile Process de conception complet Certificat Google

Péculéo — Votre tirelire de poche,
simple et rassurante

Projet de certification : concevoir une application simple et intuitive — dont le langage visuel apporte confiance, sérénité et succès — afin d'aider ses utilisateurs à économiser sans effort, tout en les gardant motivés au quotidien.

Mon rôle Designer UI/UX en solo
Durée 2 semaines
Outils Figma, FigJam, Miro
Appli Péculéo — aperçu de plusieurs écrans sur fond orange Voir le prototype
Le défi

Épargner ne devrait pas être une corvée.

Le brief : concevoir une application qui aide des amis ou une famille à gérer leur budget et à épargner pour un objectif commun. Un projet solo pour mettre en pratique les concepts appris via le certificat Google UX Design.

En France, 87 % des personnes ont un compte d'épargne, et pourtant la première raison d'épargner reste simplement de faire face aux imprévus — pas d'atteindre des objectifs qui ont du sens pour eux. Le taux d'épargne a atteint 18,9 % en 2025, soit le plus élevé depuis 1980, mais les applications disponibles restent froides et corporate, offrant peu de motivation à l'utilisateur pour continuer.

"Les applis bancaires montrent mon solde, mais elles ne m'aident pas vraiment à visualiser si je fais des progrès vers mon objectif."

— Entretien utilisateur
Écran d'onboarding de Péculéo avec la mascotte
Processus de design

De la recherche aux écrans haute fidélité en deux semaines.

1

Empathie & définition

  • Recherche UX
  • Création de personas
  • User journey maps
  • Storyboards

Définir clairement le problème de l'utilisateur simplifie chaque décision de design.

2

Idéation

  • How Might We
  • Croquis Crazy 8
  • User flows
  • Brainstorming

Brainstormer des solutions à partir du brief aide à trouver la bonne approche.

3

Prototypage & tests

  • Wireframes low-fi
  • Prototypes hi-fi
  • Tests utilisateurs
  • Itérations

Les tests utilisateurs conduisent aux itérations clés.

4

Design system

  • Composants UI
  • Variables de design
  • Style cohérent
  • Itérations rapides

Une bibliothèque complète de composants UI garantit cohérence et efficacité dans toute l'appli.

Recherche & découverte

Personas & How Might We

Pour cette étude, j'ai travaillé avec deux personas — Charles, étudiant de 24 ans qui économise pour un voyage avec son colocataire, et Clara, professionnelle de 34 ans qui épargne pour un apport immobilier. Tous deux partagent les mêmes frustrations : pas de suivi clair de leurs progrès, et des applications qui leur donnent le sentiment de ne jamais en faire assez.

Persona Charles — étudiant de 24 ans qui épargne pour un voyage Persona Clara — professionnelle de 34 ans qui épargne pour un apport immobilier

Comment s'assurer que les utilisateurs tiennent leurs objectifs à long terme ?

En créant des paliers intermédiaires et des célébrations visuelles des progrès, pour que l'objectif ne semble jamais trop loin.

Comment rendre une appli de gestion financière ludique ?

Grâce à un système de streaks (séries), une mascotte attachante et un langage visuel serein et motivant.

Comment rendre l'appli éducative ?

Avec de courtes leçons quotidiennes sur les habitudes d'épargne, un système de streaks (séries), et des conseils à sauvegarder afin de les retrouver à tout moment.

Comment rendre l'appli rapide à utiliser ?

En plaçant un bouton call-to-action (CTA) pour ajouter ou modifier rapidement une dépense.

Page d'accueil de Péculéo — haut Page d'accueil de Péculéo — bas

La direction artistique du design

La recherche a orienté les choix dans une direction claire : l'appli doit plutôt se présenter comme un compagnon bienveillant, et non comme un outil trop complexe et financier. Quelque chose qui encourage, sans faire la leçon.

C'est de là qu'est née la mascotte de Péculéo — un petit canard blanc très attachant — et un langage visuel construit autour de couleurs douces, de formes arrondies et de renforcement positif à chaque étape.

La solution

Itérations post-feedback

Itération 1 post-feedback de Péculéo
Itération 2 post-feedback de Péculéo
Itération 3 post-feedback de Péculéo

Voici Péculéo. Épargnez, en toute simplicité.

Péculéo rassemble éléments et visuels pour apporter à ses utilisateurs confiance, sérénité et succès — tout en faisant un clin d'œil à Picsou et à son « petit » pécule, un bon moyen de varier face à la classique tirelire en forme de cochon.

Page d'accueil de Péculéo avec le suivi d'épargne
Page d'accueil — aperçu des objectifs d'épargne en cours
Écran d'ajout de transaction de Péculéo
Page d'ajout de transaction — ajout et modification rapides
Page de statistiques de Péculéo avec des graphiques
Statistiques — pour une vue d'ensemble sur les en-cours
Page des leçons financières de Péculéo
Leçons — à lire chaque jour pour garder votre série
Page des tips sauvegardés de Péculéo
Tips sauvegardés — pour ne pas perdre vos apprentissages
Gestionnaire d'abonnements de Péculéo
Gestionnaire d'abonnements — pour visualiser les dépenses récurrentes

Les détails qui font la différence

La mascotte apparaît tout au long de l'appli, réagit à vos progrès et vous encourage. Combinée à un système de streaks pour les leçons financières et à la possibilité de partager ses objectifs avec des proches, Péculéo transforme l'épargne en une habitude quotidienne positive.

Chaque écran a été pensé pour donner un sentiment de calme et de progression — la preuve qu'une appli financière peut être à la fois fonctionnelle et attachante.

Écran de partage d'objectif de Péculéo
Leçons apprises

Quelques réflexions sur mon 1er projet UX/UI complet.

S'agissant du premier projet que j'ai mené de A à Z en tant que Designer UI/UX, je vous partage quelques réflexions qui ont émergé lors du processus de design.

Empathie

Savoir par où commencer, sans se disperser. Avec la pratique, on apprend à distinguer l'essentiel du secondaire — et à vraiment comprendre les besoins de l'utilisateur.

Définition

Définir clairement le problème de l'utilisateur que l'on veut résoudre rend les décisions plus simples tout au long du processus de design.

Idéation

Mettre en place un design system et des variables tôt permet de modifier composants et couleurs rapidement — tout en garantissant cohérence et efficacité.

Prototypage

Il est important de réfléchir à chacun des liens entre les écrans. Lier un composant une seule fois permet également de faire fonctionner le lien sur tous les autres écrans qui l'utilisent.

Tests

Récolter les retours utilisateurs et prendre le temps de considérer un commentaire avant de l'accepter ou de le rejeter — une idée pertinente émerge souvent avec un peu de recul.

Voir le prototype →

Projet suivant

Daily UI Challenge

Explorer une variété de designs à travers des briefs rapides et ciblés.

Voir l'étude de cas →