Projet Réel · En production

LITTLETHINGS —
Refonte UX/UI
complète

Plateforme web de génération d'idées anonymes et de sondages. J'ai redesigné l'expérience de A à Z — identité visuelle, flows utilisateurs, composants React — pour rendre l'outil simple, rapide et beau.

Rôle
UX Designer & Dev React
Entreprise
DatKom Startup
Année
2025
Plateforme
Web (Desktop & Mobile)
littlethingss.com
LittleThings — Homepage

01 — Contexte

Le problème à résoudre

LittleThings permet de créer des liens de sondages anonymes et de les partager facilement. La version initiale manquait de clarté dans les flows, l'identité visuelle était peu définie, et l'onboarding utilisateur était confus.

01
Avant la refonte
Navigation peu intuitive, identité visuelle absente, onboarding inexistant. Les utilisateurs ne comprenaient pas la valeur du produit au premier regard.
02
Après la refonte
Identité forte (jaune vif, typographie bold), hero clair "Little ideas, big Things", onboarding en 3 étapes, tableau de bord épuré pour gérer ses liens.

02 — Process UX

Comment j'ai travaillé

Refonte complète pilotée sur Figma — Desktop et Mobile — avec une attention particulière à la brand identity et à la simplicité du parcours utilisateur.

01
Audit UX
Analyse de l'existant. Identification des frictions dans le parcours création → partage → collecte.
02
Brand Design
Création de l'identité visuelle : logo, palette jaune, typographie, charte graphique complète.
03
UI Design
Maquettes Desktop + Mobile sur Figma. Composants réutilisables, states, interactions.
04
Intégration
Développement React + Firebase. Du design Figma au code propre, responsive et en production.
figma.com — LittleThings · UI Design (Desktop + Mobile)
Figma — Vue d'ensemble LittleThings

03 — Design & Interface

Écrans de la plateforme

Trois écrans clés qui résument le parcours utilisateur : la homepage, l'inscription et le tableau de bord. Chaque écran a été pensé pour minimiser la friction et maximiser la clarté.

Homepage

Homepage — Hero & onboarding

Inscription

Inscription — Créez votre compte

Dashboard

Dashboard — Mes liens

Toutes les pages Desktop — Navigation entre les différentes sections, états actifs et hover, composants réutilisables définis dans le design system Figma.

figma.com — LittleThings · Desktop pages
Figma — Pages Desktop LittleThings

Brand Design — Logo, palette de couleurs et assets visuels. L'identité repose sur le jaune vif (#F5C518) comme couleur principale, symbole de créativité et d'énergie.

figma.com — LittleThings · Brand Design
Figma — Brand Design LittleThings
Palette de couleurs
#F5C518
Primaire
#1D1D1F
Texte
#FFFFFF
Fond
#10B981
Succès
#7C3AED
Accent
Typographie
HeadingLittle ideas, big Things
BodyTransformez vos petites idées en grandes réalisations.

04 — Résultats

Ce que ça a donné

100%
Refonte UX/UI
de A à Z
2
Versions designées
Desktop & Mobile
∞
Liens de sondages
créables & partageables

La refonte a transformé un outil fonctionnel en un produit avec une vraie identité. Le parcours est désormais fluide — créer un lien, le partager, collecter les réponses — et l'onboarding guide l'utilisateur en 3 étapes claires. Ce projet m'a appris à penser produit autant que pixel.

FigmaReactFirebaseUX ResearchBrand DesignDesign SystemResponsiveDatKom
Projet suivant
Precious Jus — Site vitrine
Voir le projet →