Visual de producto firma — brazos robóticos pilotados por IA lavando un coche, ecosistema de software asociado.

2025–2026 UX/UI · Dev

Car Washing

Diseñar el ecosistema de software completo de un lavado de coches robótico pilotado por IA — un sitio comercial y tres aplicaciones.

Traducir una tecnología disruptiva (IA + robótica) en un ecosistema de software coherente — un sitio que vende, tres apps que pilotan.

Cliente
Startup tech — Lausana · en plantilla
Rol
UX/UI completo — Sitio web WordPress + 3 apps + Design system
Duración
2 años
Año
2025–2026
Stack
  • Figma
  • WordPress
  • Design System

01 El contexto

Una tecnología invisible a volver deseable

Imagine un lavado de coches sin rodillos, sin contacto, donde brazos robóticos pilotados por inteligencia artificial siguen los contornos de cada vehículo al milímetro. No es ciencia ficción — es el producto de una startup suiza especializada en el lavado de coches robótico, para quien diseñé el conjunto del ecosistema de software.

Mi perímetro: todo lo digital, del sitio comercial que vende la tecnología a las herramientas que la pilotan a diario. Un sitio web y tres aplicaciones, cada una para un uso y un público diferentes. Un proyecto de envergadura, en el cruce del diseño, los datos y la técnica de punta.

02 Parte I

El sitio comercial

Cómo vender una tecnología tan compleja como invisible — y convertir a decisores B2B exigentes.

El desafío

La IA y la robótica son difíciles de mostrar — y sin embargo, había que volverlas deseables y comprensibles para clientes profesionales exigentes. El verdadero reto no era hacer un “bonito sitio”, sino traducir una proeza técnica en argumento claro, y convertir a decisores B2B.

El método

La estrategia, antes del diseño

No abrí Figma primero. Antes del menor píxel, puse los cimientos estratégicos:

  • Un estudio de mercado para entender el sector y la competencia.
  • La definición precisa de las necesidades y objetivos del sitio con los equipos.
  • Personas para encarnar los diferentes perfiles de clientes.
  • Una estrategia de tono y mensaje, para dar a la marca una voz coherente.
  • Una estrategia de CTA pensada para guiar al visitante hacia la acción.
  • Un mapa del sitio claro, luego wireframes.

Y, a lo largo de todo, una documentación cuidada para comunicar con los equipos y obtener las validaciones en cada etapa.

En un proyecto técnico con muchos interlocutores, la documentación no era un lujo — era el lenguaje común que permitía a todos avanzar en la misma dirección.

— Método
Galería estrategia — personas, user flows, sitemap, wireframes, extractos de documentación
Personas, user flows, wireframes — los cimientos puestos antes del menor píxel.

El resultado

De esta estrategia nació un sitio que luego integré en WordPress — volviendo una tecnología disruptiva límpida y deseable.

Grandes capturas del sitio comercial en vivo, scrolling inmersivo a pantalla completa
El sitio comercial — un scrolling inmersivo para dar cuerpo a una tecnología invisible.

03 Parte II

Las tres aplicaciones

Tres usuarios, tres lógicas radicalmente diferentes — y un solo sistema que tenía que mantenerse coherente.

El desafío

Tres aplicaciones. Tres usuarios con lógicas radicalmente diferentes. Un solo sistema que tenía que mantenerse coherente.

De un lado un cliente final que solo quiere lavar su coche sin pensar. Del otro profesionales que pilotan instalaciones, vigilan rendimientos, gestionan equipos. Y un hilo rojo a través de todo eso: la gestión de roles — quién puede ver qué, quién puede modificar qué.

Cimientos

El design system, la columna vertebral

Como para mis otros proyectos complejos, empecé creando un design system en Figma para reutilizar los componentes fácilmente y facilitar el trabajo de los desarrolladores.

Sobre tres aplicaciones llevadas en paralelo, es lo que garantiza la coherencia visual y hace ganar un tiempo precioso a todos.

Tabla del design system — componentes, tipografía, paleta

01 Aplicación

Lado cliente — la simplicidad absoluta

La más cara al gran público de las tres: permitir al usuario elegir un programa para el lavado de su coche.

Aquí, todo tenía que ser inmediato, evidente, sin fricción. La simplicidad como objetivo.

Pantallas de la app cliente — elección del programa de lavado

02 Aplicación

Lado operador — el puesto de pilotaje

La pieza de complejidad. Esta aplicación es un verdadero puesto de pilotaje, con un dashboard principal que agrupa las estadísticas de las instalaciones, los programas y los lavados.

Alrededor, una serie de páginas especializadas: los espacios de lavado (descripción, programas asignados, mantenimiento, número de lavados), los programas (precio, productos usados, fases), el detalle de las fases, el monitoreo de los ciclos para seguir el rendimiento, la gestión de los miembros del equipo, y los parámetros.

Y sobre todo, una lógica de roles: la misma interfaz se comportaba de forma diferente según el usuario. El operador podía consultar todo sin modificar nada; el propietario, en cambio, podía editar ciertas informaciones. Diseñar este doble nivel de permisos manteniendo una experiencia fluida y legible era el verdadero desafío de diseño de esta aplicación.

Dashboard de la app operador — stats, monitoring, gestión de roles
Dashboard operador — stats, monitoring y gestión fina de los roles.

03 Aplicación

Lado administrador — la torre de control

Por último, la aplicación interna de la empresa: la torre de control que permite gestionar el conjunto de los clientes, también estructurada en varias páginas según las necesidades de supervisión.

Pantallas de la app admin — torre de control interna, gestión de clientes

El verdadero tour de force no era dibujar bonitas pantallas — era hacer que tres aplicaciones tan diferentes se parecieran, se entendieran, y funcionaran como una misma familia.

— La coherencia en la complejidad

04 Balance

Lo que este proyecto me enseñó

Entregué un ecosistema digital completo y coherente, del sitio que vende la tecnología a las herramientas que la hacen funcionar día a día. Un proyecto de una amplitud rara, sobre un producto de punta — y la satisfacción de ver esta tecnología continuar hoy su expansión mucho más allá de Suiza.

Este proyecto me enseñó a diseñar para la complejidad sin sufrirla: estructurar montañas de datos, gestionar roles y permisos, diseñar para usuarios con necesidades opuestas — manteniendo una coherencia de conjunto.

También me confirmó una cosa: sobre un producto técnico, la diseñadora no está ahí para “hacer bonito”, sino para volver inteligible lo que no lo es. Transformar la complejidad en claridad. Es probablemente la competencia de la que estoy más orgullosa.

Trabajemos juntos

El próximo proyecto podría ser el tuyo.

luciebelleudy@outlook.com

Siguiente proyecto

Clara Yoga

Captura del sitio Clara Yoga — hero editorial "Reprendre le lead", tipografía sobria y paleta natural.