ProjetsProduits & applications
LittleThings
LittleThings permet de créer des liens de sondages anonymes et de les partager. J'ai repris l'expérience de A à Z, de l'identité aux composants React.
Le pointde départ
La version d'origine fonctionnait, mais personne ne comprenait sa valeur au premier regard. Navigation confuse, identité absente, aucun accompagnement à l'inscription.
Pour qui
Des personnes qui veulent recueillir des avis sincères, sans que les répondants aient peur d'être identifiés.
Contraintes
- Produit déjà en ligne
- Desktop et mobile
- Refonte sans casser l'existant
User stories
Trois besoins concrets, et la réponse que le produit y apporte.
-
En tant que responsable d'équipe, je veux recueillir des avis sincères sur un projet, afin de l'améliorer sans que personne ne craigne d'être identifié.
Réponse du produitDes liens de sondage anonymes, créés et partagés en quelques étapes.
-
En tant que nouvelle utilisatrice, je veux comprendre l'intérêt du produit dès la première visite, afin de créer mon premier lien sans hésiter.
Réponse du produitUn onboarding en trois étapes, placé avant le tableau de bord.
-
En tant que créateur de sondages, je veux suivre toutes mes réponses au même endroit, afin de décider rapidement.
Réponse du produitUn tableau de bord épuré pour gérer ses liens et lire les réponses.
-
Étape 01
Auditer l'existant
J'ai parcouru le produit comme un nouvel utilisateur et listé les frictions sur le trajet principal : créer un lien, le partager, collecter les réponses.
- Audit UX
- Heuristiques
- Parcours critique
-
Étape 02
Donner une identité
Logo, palette, typographie, charte : un jaune vif (#F5C518) pour l'énergie des idées, une typographie grasse, une promesse simple, « Little ideas, big Things ».
- Brand design
- Charte graphique
-
Étape 03
Repenser le parcours
Maquettes desktop et mobile, composants réutilisables, états et interactions. Un onboarding en trois étapes et un tableau de bord épuré pour gérer ses liens.
- Figma
- Composants
- Responsive
Décision cléLa valeur du produit doit se comprendre avant la création du premier lien. D'où un onboarding court, placé avant le tableau de bord.
-
Étape 04
Intégrer
Développement React et Firebase, du fichier Figma au code propre et responsive, jusqu'à la mise en production.
- React
- Firebase
- Intégration
Le rendu
- TitresUne grotesque grasse, pour la promesse
- TexteUne sans-serif sobre, pour la lecture
Le bilan
La refonte a transformé un outil fonctionnel en produit avec une identité. Créer, partager, collecter : le parcours est désormais fluide.
J'y ai appris à penser produit autant que pixel : une couleur ou un onboarding sont des décisions business, pas seulement esthétiques.