Lavadoporencargo — Product Design Lead

Rediseño UX/UI y sistema de diseño para hacer un servicio de lavado y secado más amigable e interactivo.

Lavadoporencargo es un servicio web de lavado y secado a domicilio. El objetivo era hacer la experiencia más amigable e interactiva: que pedir el servicio, comparar precios y completar la compra fuera simple y claro, en cualquier dispositivo.

Trabajé el diseño de producto UX/UI de punta a punta —responsive, desktop y móvil— y construí un Design System con tokens y componentes en Figma para garantizar consistencia en toda la interfaz.

Rol

Product Designer (UX/UI)

Empresa

Lavadoporencargo

Año

2025

plataformas

Figma

PROYECTO COMPLETO

Mi rol

Lideré el diseño de producto del servicio, desde el recorrido del usuario hasta la interfaz final y el sistema de diseño que la sostiene.

Mi trabajo incluyó la definición de las fases del proyecto, el diseño de flujos (home, proceso de compra, comparación de precios), el diseño de UI responsive y la creación de un Design System con tokens y componentes reutilizables.

Las decisiones de diseño buscaron que el servicio fuera más amigable e interactivo, y que la base de diseño mantuviera consistencia en todos los componentes y dispositivos.

El reto

El servicio funcionaba, pero la experiencia necesitaba ser más clara, amigable e interactiva: ayudar al usuario a entender el servicio, comparar precios y completar la compra sin fricción.

Al mismo tiempo, la interfaz tenía que ser consistente en todos los componentes y responsive en todos los dispositivos. El reto fue mejorar la experiencia y, a la vez, construir una base de diseño —tokens y componentes— que garantizara esa consistencia y permitiera evolucionar.

Una experiencia más amigable sobre un sistema consistente

El foco fue doble: hacer el recorrido de compra más simple e interactivo para el usuario, y dar al producto una base de diseño que sostuviera la consistencia más allá de una entrega.

Partí de qué quería resolver el servicio y qué buscaba el negocio para redefinir los flujos clave; en paralelo construí tokens y componentes para que cada pantalla —en desktop y móvil— hablara el mismo idioma visual.

Cómo lo abordé

01

Análisis del producto y sus flujos

El primer paso fue entender la lógica de la plataforma: cómo se configuraban campañas, cómo se gestionaban contenidos, qué información necesitaban los usuarios y dónde aparecían las principales fricciones. Analizamos pantallas, recorridos y patrones existentes para detectar inconsistencias, duplicidades y oportunidades de mejora.

Este trabajo permitió identificar qué partes del producto necesitaban más claridad, qué acciones debían priorizarse y qué estructura podía sostener mejor el crecimiento de la plataforma.

02

Redefinición de arquitectura de información

Trabajamos en una nueva organización de contenidos, módulos y recorridos para facilitar la navegación dentro del producto.

El foco estuvo en simplificar el acceso a información clave, reducir carga cognitiva y ordenar procesos complejos sin eliminar la profundidad funcional que necesitaba una plataforma B2B.

La arquitectura debía ayudar a los usuarios a entender dónde estaban, qué podían hacer y qué decisiones necesitaban tomar en cada momento.

03

Diseño de flujos de usuario

Definimos y revisamos los flujos clave de uso para representar tareas principales dentro de la plataforma.

Estos ayudaron a conectar necesidades de usuario, reglas de negocio y estructura técnica, facilitando conversaciones más claras con producto y desarrollo. El objetivo fue que cada recorrido tuviera una lógica más directa, consistente y fácil de mantener en futuras iteraciones.

04

Rediseño UX/UI de la versión 5

A partir de la arquitectura y los flujos definidos, trabajamos en la evolución visual e interactiva de la plataforma.

Diseñamos una propuestas de interfaz orientadas a mejorar la jerarquía de información, la legibilidad, la consistencia entre módulos y la eficiencia en tareas frecuentes.

05

Creación de un Design System escalable

Uno de los focos principales fue crear una base común de diseño para ordenar la interfaz y acelerar futuras evoluciones del producto.

El sistema incluyó componentes reutilizables, patrones de interacción, criterios visuales y una estructura pensada para mejorar la colaboración entre diseño y desarrollo.

06

Prototipado y toma de decisiones

Los prototipos permitieron explorar soluciones, revisar comportamientos y facilitar la toma de decisiones antes de avanzar hacia implementación.

También funcionaron como una herramienta de comunicación con stakeholders, producto y desarrollo, reduciendo ambigüedades y ayudando a validar la dirección del diseño.

Cómo lo abordé

01

Fases del proyecto y wireframes

Definición de las fases y del recorrido con wireframes, para ordenar la experiencia antes de la UI.

02

Diseño de flujos clave

Rediseño de los flujos de Home, proceso de compra y comparación de precios, priorizando claridad e interacción.

03

Design Tokens

Definición de tokens para garantizar consistencia de color, tipografía y espaciado en todos los componentes.

04

Componentes

Librería de componentes reutilizables para construir la interfaz de forma coherente y escalable.

05

UI responsive

Diseño de las pantallas para todos los dispositivos (desktop y móvil), manteniendo la consistencia del sistema.

Cómo lo abordé

Responsabilidades de liderazgo

  • Definición de fases y wireframes del recorrido.

  • Diseño de flujos: home, proceso de compra y comparación de precios.

  • Design Tokens para consistencia.

  • Librería de componentes reutilizables.

  • UI responsive (desktop + móvil).

Impacto

1

Más amigable e interactivo

un recorrido de compra más claro y fácil de usar.

🂃

Consistencia garantizada

tokens y componentes que unifican toda la interfaz.

☺︎

Responsive

una experiencia coherente en desktop y móvil.

❖

Escalable

un sistema de diseño preparado para crecer.

Aprendizaje

Este proyecto reforzó que incluso un servicio cotidiano gana cuando el diseño trabaja en dos capas a la vez: la experiencia del usuario y el sistema que la sostiene.

Hacer un producto "más amigable e interactivo" no se resuelve solo retocando pantallas: necesita flujos claros y una base de tokens y componentes que mantenga la consistencia en todos los dispositivos.

En Lavadoporencargo, rediseñar el recorrido junto al sistema de diseño hizo que la experiencia fuera más clara para el usuario y más sólida y escalable para el equipo.

¿Un servicio que tiene que ser más amigable y simple de usar?