Ciclogreen · Rediseño modular y adaptable para movilidad sostenible

UI/UX・2025

Contexto y reto de partida

Ciclogreen es una app para empresas que incentiva los desplazamientos sostenibles —bicicleta, caminar, transporte público— premiando a los empleados por sus hábitos ecológicos. Llegué al proyecto para liderar el rediseño completo de la interfaz, con el reto importante de no modificar procesos ni el backend existente, manteniendo la compatibilidad y evitando sobrecostes de desarrollo. Fui el único diseñador, responsable tanto de la investigación como del diseño y la presentación semanal de avances al cliente.

Análisis, toma de decisiones y presentaciones iterativas

El primer paso fue analizar la app actual en profundidad: identificar fricciones, inconsistencias visuales y oportunidades para mejorar la usabilidad sin alterar la estructura técnica. Cada decisión se fundamentó en una revisión minuciosa de las funcionalidades y en la experiencia real de los usuarios de las empresas.

Durante varias semanas, presenté propuestas visuales y de UX/UI a cliente, explicando el porqué de cada decisión y afinando detalles con su feedback. El formato de trabajo implicaba alta transparencia y comunicación directa: cada semana se validaban hipótesis y se ajustaban los avances, permitiendo una evolución continua y controlada.

Soluciones: diseño modular, adaptable y personalizable

Uno de los mayores retos fue crear una interfaz que pudiera adaptarse a múltiples empresas, cada una con su color y su set de funcionalidades personalizadas. Desarrollé un sistema visual modular: colores y branding cambiaban según la empresa cliente, mientras los componentes UI mantenían coherencia y rendimiento.
El diseño priorizó la claridad: navegación sencilla, jerarquías visuales limpias y mensajes accesibles para cualquier perfil. Documenté variantes de pantallas para empresas con diferentes paquetes, logrando que la app fuera “moldeable” y fácil de mantener sin reprogramar.

Entregables y handoff

La entrega incluyó todo el sistema de diseño documentado: versiones de color, guideline de componentes, ejemplos de adaptaciones y assets exportables listos para integración. Preparé handoffs claros para asegurar que los desarrolladores pudieran aplicar cada variante sin dudas ni retrabajos.

Aprendizaje y resultado

Trabajar en solitario en un proyecto de esta naturaleza me enseñó el valor de la comunicación constante y la importancia de pensar en escalabilidad y flexibilidad desde el diseño. El resultado fue una app mucho más clara, adaptable entre clientes y lista para crecer según nuevas necesidades, todo sin grandes cambios estructurales en la base técnica.