UX/UI Design
Whirly optimise l’expérience en laverie en rendant le lavage plus pratique et efficace. Les utilisateurs peuvent localiser une laverie proche, réserver une machine à l’avance et suivre leur lessive en temps réel, réduisant ainsi leur temps d’attente.
L'application peut ainsi contribuer à fidéliser et à attirer de nouveaux clients, renforçant ainsi la compétitivité des services de laverie automatique.
UX/UI Designer
Whirly
Projet personnel
17 semaines
Figma, Notion, Miro
Se rendre dans une laverie automatique peut être une tâche longue et chronophage.
Whirly est une application conçue pour aider les clients à gagner du temps et optimiser leur lessive
Avant de foncer tête baissée dans la création de l'application Whirly, il m'a falût d’abord comprendre qui allait l’utiliser et quels problèmes j'allait devoir résoudre. Pour cela, direction la laverie la plus proche, carnet en main, prête à poser toutes mes questions !
Parmi les 6 personnes interrogées, voici un aperçu de mes découvertes :
Aperçu des restitutions utilisateurs
Les millennials, étudiants et jeunes couples actifs, avec une sensibilité marquée pour l’hygiène et l’écologie.
Ils doivent laver leur linge régulièrement mais n'ont pas toujours de machine, ou préfèrent la laverie pour diverses raisons.
Ils optimisent leur lessive selon leur emploi du temps, tôt le matin ou en soirée et attendent la fin du cycle pour lire, scroller ou faire des courses.
La commoditer, l'efficacité des machines plus grandes et rapides, la flexibilité des horaires, un nettoyage optimal et les moments de socialisation.
Le temps, le coût, l'accessibilité, les problèmes de maintenance, la sécurité et la propreté.
Ils ont des compétences très variées : avancées, intermédiaires et basique.il est donc primordial de concevoir une application intuitive et facile à utiliser.
“ Il est important que l'application offre des avantages tangibles
par rapport aux méthodes traditionnelles de lessive”
Alex Roussel - 32 ans - Célibataire
Création des personas suite aux informations récoltés
Avant d’avoir du linge propre et qui sent bon, l’utilisateur doit passer par plusieurs étapes.
De l’ouverture de l’app jusqu’au lancement de sa machine, chaque clic compte !
Pour concevoir une expérience utilisateur fluide, j’ai imaginé une journée type d’un utilisateur de Whirly. L’objectif ? Comprendre ses émotions, ses attentes et ses frustrations à chaque étape de son parcours, et s’assurer que l’app réponde parfaitement à ses besoins. Cela m’a permis de définir les premières fonctionnalités clés du parcours client.
Exemple d'user journey d'un persona
Pour la suite, j’ai défini les fondations de Whirly avec un Site Map clair et intuitif permettant aux utilisateurs d’accéder rapidement aux fonctionnalités essentielles pour faciliter leur quotidien :
Aperçu du site map de l'application Whirly
J’ai construit l’User Flow de Whirly en imaginant chaque interaction clé pour offrir une expérience fluide et intuitive :
✅ J’ai d’abord défini les actions essentielles : rechercher une laverie, réserver une machine, payer et recevoir une notification.
✅ Ensuite, j’ai cartographié chaque étape pour garantir un parcours simple et logique, où l’utilisateur sait toujours où il va.
✅ Enfin, j’ai optimisé le tout en réduisant les étapes inutiles, clarifiant les options et fluidifiant les transitions, afin que chaque interaction mène à l'objectif principal de départ
User flow de réservation d'une machine pour l'application Whirly
Pour donner une véritable identité à Whirly, j’ai imaginé un univers visuel à la fois moderne, intuitif et dynamique pour créer une image qui inspire confiance, praticité et simplicité, tout en se démarquant des laveries traditionnelles.
Je voulais un nom qui évoque le mouvement, la fluidité et l’univers de la laverie, tout en étant court, dynamique et facilement mémorisable.
Identité visuelle de Whirly
💡 Pourquoi "Whirly" ?
→ Le mouvement circulaire : "Whirly" vient de whirl, qui signifie tourbillonner en anglais.
→ Un son fluide et mémorisable : Ce nom donne une impression de légèreté et de simplicité, à l’image de l’expérience utilisateur que je voulais créer.
→ Une touche moderne et fun : Contrairement aux noms classiques et trop descriptifs, Whirly apporte une identité plus fraîche et engageante.
Whirly, c’est rapide, intuitif et sans faux pli,
tout comme l’expérience que l’app propose !
Avant de finaliser l’interface, j’ai réalisé des wireframes pour structurer la navigation afin de valider le parcours utilisateur le plus efficace.
Grâce à cette étape, j’ai pu tester différentes mises en page, ajuster les fonctionnalités essentielles et garantir une expérience cohérente avant d’entrer dans la phase de prototypage.
Aperçu des Wireframes des écrans clés et ajustements finaux
Pour assurer la cohérence visuelle de l'application Whirly, j'ai conçu un UI kit complet regroupant tous les éléments graphiques essentiels à l'interface. Cette étape m’a permis de définir une direction visuelle claire et de gagner en efficacité lors de la création des écrans.
🧰 Le UI kit créé comprend notamment :
Aperçu de l'UI Kit de Whirly
⌛ Un parcours pensés pour faire gagner du temps à l'utilisateur
De la page d’accueil à la réservation de machine, en passant par le suivi de la lessive en temps réel, les écrans finaux traduisent concrètement l’objectif de Whirly : faire gagner du temps aux utilisateurs tout en optimisant leur expérience en laverie.
Parcours d'onboarding
🔒 Connexion ou inscription ? Une seule action suffit
Le parcours d’inscription de Whirly repose sur une seule saisie d’adresse e-mail, qui permet automatiquement de détecter si l’utilisateur a déjà un compte ou non. Ce choix de ma part, simplifie l’expérience, réduit les étapes et rend l’onboarding plus rapide et intuitif.
Parcours d'inscription
Parcours de recherche
🔍 Optimisation du parcours de recherche
Mon travail a porté sur l'optimisation d'un parcours UX clair et intuitif pour faciliter la recherche géolocalisée de laveries , avec des résultats actionnables, une lisibilité renforcée et des micro-interactions guidant l’utilisateur.
Fiche machine
🧺 Réserver une laverie orienté conversion
L’utilisateur sélectionne ses machines, choisit un créneau et finalise son paiement via une réservation simplifié. L’ensemble du parcours est conçu pour être fluide et rassurant, avec des transitions pensées pour limiter les hésitations et conclure en moins de 30 secondes.
Consulter les informations
Consulter les avis
Tunnel d'achat
🧭 Du smartphone à la machine : un accès sans friction
Conception d’un parcours en 3 étapes (Aller ➝ Scanner ➝ Démarrer) pour permettre aux utilisateurs de réserver, activer et suivre une machine à laver depuis leur smartphone.
L’interface met l’accent sur des affordances où chaque élément suggère naturellement son utilisation, rendant l’expérience intuitive et accessible, tout en intégrant des scénarios de désistement pour sécuriser l’expérience.
Résultat : une solution simple et rassurante, pensée pour tous les profils, du néophyte à l’habitué.
Parcours de réservation et points de fidélité
🧘 Améliorer l’expérience d’attente grâce au contexte local
L’ajout d’activités à proximité répond à un besoin utilisateur que j'ai identifié : occuper intelligemment le temps d’attente entre le lancement et la fin d’un cycle de lavage.
En s’appuyant sur la géolocalisation et le design centré utilisateur, cette fonctionnalité permet de suggérer des lieux utiles ou agréables proches de la laverie (cafés, commerces, parcs…), pour une expérience plus utile et agréable.
Un petit plus qui valorise le temps de l’utilisateur… même en laverie.
Trouver une activité
Whirly est né de mon vécu personnel en laverie automatique, où j’ai pu observer de vraies frustrations utilisateurs : manque d’informations, attente sans repère temporel, interfaces souvent absente...
Ce projet m’a permis de transformer ces irritants réels en solutions concrètes, en repensant l’expérience autour de trois piliers : gain de temps, simplicité d’usage et anticipation.
Cette étude de cas fictive m’a permis d’expérimenter des solutions UX/UI autour :
Jouez avec le prototype final
Vous avez un projet similaire ?