Visuel produit signature — bras robotiques pilotés par IA en train de laver une voiture, écosystème logiciel associé.

2025–2026 UX/UI · Dev

Car Washing

Concevoir l'écosystème logiciel complet d'un lavage automobile robotisé piloté par IA — un site commercial et trois applications.

Traduire une technologie de rupture (IA + robotique) en écosystème logiciel cohérent — un site qui vend, trois applications qui pilotent.

Client
Startup tech — Lausanne · en poste
Rôle
UX/UI complet — Site web WordPress + 3 applications + Design system
Durée
2 ans
Année
2025–2026
Stack
  • Figma
  • WordPress
  • Design System

01 Le contexte

Une technologie invisible à rendre désirable

Imaginez un lavage de voiture sans rouleaux, sans contact, où des bras robotiques pilotés par intelligence artificielle épousent les contours de chaque véhicule au millimètre. Ce n’est pas de la science-fiction — c’est le produit d’une startup suisse spécialisée dans le lavage automobile robotisé, pour qui j’ai conçu l’ensemble de l’écosystème logiciel.

Mon périmètre : tout le digital, du site commercial qui vend la technologie aux outils qui la pilotent au quotidien. Un site web et trois applications, chacune pour un usage et un public différents. Un projet d’envergure, à la croisée du design, de la donnée et de la technique de pointe.

02 Volet I

Le site commercial

Comment vendre une technologie aussi complexe qu'invisible — et convertir des décideurs B2B exigeants.

Le défi

L’IA et la robotique sont difficiles à montrer — et pourtant, il fallait les rendre désirables et compréhensibles pour des clients professionnels exigeants. Le vrai enjeu n’était pas de faire un « joli site », mais de traduire une prouesse technique en argument clair, et de convertir des décideurs B2B.

La méthode

La stratégie, avant le design

Je n’ai pas ouvert Figma en premier. Avant le moindre pixel, j’ai posé les fondations stratégiques :

  • Une étude de marché pour comprendre le secteur et la concurrence.
  • La définition précise des besoins et objectifs du site avec les équipes.
  • Des personas pour incarner les différents profils de clients.
  • Une stratégie de ton et de message, pour donner une voix cohérente à la marque.
  • Une stratégie de CTA pensée pour guider le visiteur vers l’action.
  • Une arborescence claire, puis des wireframes.

Et, tout du long, une documentation soignée pour communiquer avec les équipes et obtenir les validations à chaque étape.

Sur un projet technique avec de nombreux intervenants, la documentation n’était pas un luxe — c’était le langage commun qui permettait à tout le monde d’avancer dans la même direction.

— Méthode
Galerie stratégie — personas, user flows, sitemap, wireframes, extraits de documentation
Personas, user flows, wireframes — les fondations posées avant le moindre pixel.

Le résultat

De cette stratégie est né un site que j’ai ensuite intégré sur WordPress — rendant une technologie de rupture limpide et désirable.

Grandes captures du site commercial live, défilement immersif plein écran
Le site commercial — un défilement immersif pour donner corps à une technologie invisible.

03 Volet II

Les trois applications

Trois utilisateurs, trois logiques radicalement différentes — et un seul système qui devait rester cohérent.

Le défi

Trois applications. Trois utilisateurs aux logiques radicalement différentes. Un seul système qui devait rester cohérent.

D’un côté un client final qui veut juste laver sa voiture sans réfléchir. De l’autre des professionnels qui pilotent des installations, surveillent des performances, gèrent des équipes. Et un fil rouge à travers tout ça : la gestion des rôles — qui peut voir quoi, qui peut modifier quoi.

Fondations

Le design system, colonne vertébrale

Comme pour mes autres projets complexes, j’ai commencé par créer un design system sur Figma pour réutiliser les composants facilement et faciliter le travail des développeurs.

Sur trois applications menées en parallèle, c’est ce qui garantit la cohérence visuelle et fait gagner un temps précieux à tout le monde.

Planche du design system — composants, typographie, palette

01 Application

Côté client — la simplicité absolue

La plus grand public des trois : permettre à l’utilisateur de choisir un programme pour le lavage de sa voiture.

Ici, tout devait être immédiat, évident, sans friction. La simplicité comme objectif.

Écrans de l'app client — choix du programme de lavage

02 Application

Côté exploitant — le poste de pilotage

Le morceau de complexité. Cette application est un véritable poste de pilotage, avec un dashboard principal regroupant les statistiques des installations, des programmes et des lavages.

Autour, une série de pages spécialisées : les espaces de lavage (description, programmes assignés, maintenance, nombre de lavages), les programmes (prix, produits utilisés, phases), le détail des phases, le monitoring des cycles pour suivre la performance, la gestion des membres de l’équipe, et les paramètres.

Et surtout, une logique de rôles : la même interface se comportait différemment selon l’utilisateur. L’opérateur pouvait tout consulter sans rien modifier ; le propriétaire, lui, pouvait éditer certaines informations. Concevoir ce double niveau de permission tout en gardant une expérience fluide et lisible, c’était le vrai défi de design de cette application.

Dashboard de l'app exploitant — stats, monitoring, gestion des rôles
Dashboard exploitant — stats, monitoring, et gestion fine des rôles.

03 Application

Côté administrateur — la tour de contrôle

Enfin, l’application interne de l’entreprise : la tour de contrôle permettant de gérer l’ensemble des clients, elle aussi structurée en plusieurs pages selon les besoins de supervision.

Écrans de l'app admin — tour de contrôle interne, gestion des clients

Le vrai tour de force n’était pas de dessiner de beaux écrans — c’était de faire en sorte que trois applications aussi différentes se ressemblent, se comprennent, et fonctionnent comme une même famille.

— La cohérence dans la complexité

04 Bilan

Ce que ce projet m'a appris

J’ai livré un écosystème digital complet et cohérent, du site qui vend la technologie aux outils qui la font tourner au jour le jour. Un projet d’une ampleur rare, sur un produit de pointe — et la satisfaction de voir cette technologie poursuivre aujourd’hui son expansion bien au-delà de la Suisse.

Ce projet m’a appris à designer pour la complexité sans la subir : structurer des montagnes de données, gérer des rôles et des permissions, concevoir pour des utilisateurs aux besoins opposés — tout en gardant une cohérence d’ensemble.

Il m’a aussi confirmé une chose : sur un produit technique, le designer n’est pas là pour « faire joli », mais pour rendre intelligible ce qui ne l’est pas. Transformer la complexité en clarté. C’est sans doute la compétence dont je suis la plus fière.

Travaillons ensemble

Le prochain projet, c'est peut-être le vôtre.

luciebelleudy@outlook.com

Projet suivant

Clara Yoga

Capture du site Clara Yoga — hero éditorial "Reprendre le lead", typographie sobre et palette naturelle.