eCloud4
Un ecosistema que integra pagos, beneficios y fidelización en una sola plataforma.
Conectando el valor de cada compra entre usuarios y comercios.
Los usuarios buscan valor en cada compra.
Los comercios buscan razones para que regresen.
* Esta tesis sale de las entrevistas con usuarios y comercios en Canadá.
Una experiencia financiera que conecta a usuarios y merchants.
Los usuarios pueden gestionar su dinero y acceder a beneficios, mientras los merchants cuentan con herramientas para operar y generar valor dentro del mismo ecosistema.
Diseñar un ecosistema que pudiera crecer con el producto
Exploré cómo los beneficios podían formar parte de la experiencia de compra de manera relevante, creando valor tanto para usuarios como para comercios.
Entender qué hace que un beneficio se sienta real
Antes de diseñar una sola pantalla, necesitábamos entender por qué los programas de fidelización tradicionales se sienten abstractos tanto para quien paga como para quien vende.
Diseñando para Julián
Necesidad — Ver de forma inmediata cuánto gana o ahorra al pagar con eCloud4, sin hacer cuentas.
Frustración — Los puntos y beneficios se sienten abstractos: no sabe cuánto valen realmente hasta que intenta canjearlos.
Qué lo haría confiar — Un balance claro y un beneficio visible en el momento exacto del pago, no después.
Diseñando para Marcela
Necesidad — Saber qué recompensas hacen que sus clientes vuelvan, sin armar reportes a mano.
Frustración — Ofrece beneficios, pero no ve si funcionan: no puede distinguir una venta nueva de una que habría ocurrido igual.
Qué la haría confiar — Un tablero claro, con cifras que entiende de un vistazo y cobros que se reflejan al instante.
Una app y un dashboard completos
Abajo está el recorrido que más valor genera: pagar y ver el beneficio en un solo gesto. Alrededor de eso diseñé el producto entero, en la app y en el backoffice.
El recorrido en cinco momentos
De explorar comercios a ver resultados en el dashboard, el beneficio viaja con el pago.
Explorando la estructura antes del detalle visual
Antes de definir estilo o color, validé jerarquía de información y flujo de pago con wireframes de baja fidelidad. Arrastra el control para comparar el antes y el después.


La misma base para dos frentes
Cinco capas, un solo sistema. El ejemplo es el backoffice; la app usa las mismas piezas adaptadas.
Identidad compartida. Se usa igual en cada pantalla.
Piezas reutilizables, hechas con átomos.
Un bloque que completa una tarea: crear un usuario.
Un marco estable para cabecera, cuerpo y acción.
La pantalla armada con los elementos anteriores, que dan vida a la plataforma.
Cómo llegamos a la solución
Haz scroll o clic en un paso para ver las etapas del proceso.
-
Usuarios y negocio en la mesa
Me reuní con usuarios y stakeholders para alinear cada flujo antes de dibujar pantallas.
-
Qué entra y qué espera
Con el equipo definimos qué iba al sprint y qué se quedaba en backlog.
-
Un mapa para los dos frentes
Armé la app y el backoffice como un solo sistema, no como productos aislados.
-
Flujos listos para validar
Diseñé cada recorrido y lo validé antes de construir.
-
De la mano con desarrollo
Revisamos la propuesta con el equipo técnico hasta poder construirla bien.
-
Probado, y luego al usuario
Testeamos función y diseño. Llegó al usuario ya probado por QA, desarrollo y diseño.
Usuarios y negocio en la mesa
Me reuní con usuarios y stakeholders para alinear cada flujo antes de dibujar pantallas.
La experiencia en detalle
Haz clic en una pantalla para verla de frente. Esc o clic de nuevo para volver.
2026 Actualicé el sistema de diseño en la app y el backoffice para aplicar neumorfismo en los flujos, e ilustraciones 3D.
App de usuario
Backoffice
Pagar y ganar, en un solo gesto
Pagar y ganar, en un solo gesto
El beneficio de cada compra se hace visible en el mismo momento del pago, no en una pantalla aparte.
Visibilidad real para comercios
El dashboard muestra con claridad qué beneficios realmente traen clientes de vuelta.
Una base escalable
Un sistema de diseño y una arquitectura de ecosistema listos para sumar nuevos beneficios y comercios aliados.
Colegas con los que he trabajado.
He tenido el placer de trabajar de cerca con Melanie durante los últimos años y no puedo recomendarla lo suficiente. Melanie es una diseñadora gráfica y de UX increíblemente talentosa, con un ojo excepcional para el detalle y la creatividad. Su pasión por el diseño se nota en cada proyecto que emprende, y su dedicación a entregar trabajo de alta calidad es realmente admirable.
Melanie fue fundamental en el proceso de construir las funciones tanto para la web como para la aplicación móvil que la organización necesitaba. Demuestra talento, conocimiento y se notaba que estaba actualizada con las nuevas tendencias. Supo entender los requerimientos de los stakeholders para traducirlos en pantallas intuitivas y fáciles de usar. En cuanto a su relación con el equipo, siempre estuvo abierta a recibir y dar feedback. Sin duda tiene buena energía y es muy proactiva, aportando ideas que ahorran tiempo y dinero.
Melanie es una gran profesional, muy talentosa en el área de diseño y una gran persona. Los diseños de Melanie son de la más alta calidad y su compromiso y dedicación con sus proyectos son de admirar.
Lo que me llevo de este proyecto
-
01
Diseñar un ecosistema de pagos exige pensar en dos experiencias simultáneas: la de quien paga y la de quien recibe.
-
02
El valor percibido de un beneficio depende de qué tan rápido se hace visible, no de cuánto vale en teoría.
-
03
Un sistema de diseño compartido entre app y dashboard evita que la marca se sienta como dos productos distintos.