CloudHealth

00 · Contexto

CloudHealth es una plataforma B2B especializada en la gestión médica y administrativa, diseñada para centralizar costos, gobernanza y operatividad a gran escala.

Tras un periodo de hiper-crecimiento, el producto presentaba fricciones en la experiencia de usuario debido a un lenguaje visual fragmentado y una arquitectura de información sin un núcleo estructural claro.

Mi intervención se centró en aportar claridad estratégica, transformando una interfaz saturada en un sistema escalable y eficiente.

01 · El Desafío

La expansión acelerada generó una 'deuda de diseño' considerable: interfaces saturadas, flujos inconsistentes y una arquitectura fragmentada que dificultaba la adopción del usuario.

Esta falta de cohesión no solo incrementaba la carga cognitiva de los profesionales de salud, sino que generaba cuellos de botella técnicos en cada ciclo de desarrollo.

El reto principal fue migrar de un modelo de parches visuales hacia un ecosistema unificado, fluido y de alto estándar profesional.

02 · Bases Visuales y Estrategia

Antes de rediseñar componentes individuales, establecí un 'norte visual' coherente que alineara la identidad de la marca con las necesidades operativas de la plataforma.

Prioricé la claridad y la accesibilidad, entendiendo que en entornos médicos, la precisión visual es crítica para la toma de decisiones.

- Unificación del lenguaje visual en puntos de contacto críticos
- Definición de una paleta y tipografía optimizadas para legibilidad en datos complejos
- Construcción de una identidad profesional, clara y centrada en la confianza

03 · Orden y Estructura Atómica

Con la base definida, procedí a auditar y reestructurar las superficies del producto, priorizando la predictibilidad del comportamiento sobre la estética pura.

Implementamos una limpieza profunda de ruido visual para centrar la atención del usuario en las tareas críticas.

- Estandarización de componentes transversales entre módulos de gestión
- Alineación de layouts para garantizar flujos de navegación intuitivos
- Reducción de la carga cognitiva mediante la jerarquización de datos

04 · Pensamiento Sistémico

Para que el cambio fuera sostenible, impulsé una transición del 'diseño por módulos' hacia un modelo de 'Design System Ops', alineando la visión de Producto con Ingeniería.

Refactorizamos la forma en que el equipo concebía las nuevas funcionalidades, basándonos en pilares sólidos de escalabilidad.

- Frameworks de layout compartidos para acelerar el prototipado
- Patrones de UI con reglas de interacción y estados explícitos
- Sincronización de criterios entre los equipos de Producto y Marketing

05 · Implementación y Desarrollo de UI

Mi rol trascendió el entregable visual; asumí la responsabilidad técnica de construir las bases de la librería de componentes en código, asegurando una transición fluida hacia el equipo de ingeniería.

Personalmente, me encargué de refactorizar y 'embellecer' las vistas existentes, inyectando consistencia visual y calidad de interacción directamente en el frontend del producto.

- Desarrollo de las bases de componentes (UI Library) para su posterior escalabilidad por el equipo dev
- Refactorización estética y funcional de vistas críticas directamente en código
- Arquitectura de Design Tokens para garantizar una única fuente de verdad técnica
- Optimización del handoff mediante componentes pre-construidos y listos para producción

06 · Impacto y Resultados

Logramos transformar una herramienta compleja en una experiencia profesional y altamente navegable, impactando directamente en la productividad de los usuarios finales.

La implementación de este pensamiento sistémico permitió al producto:

- Reducción significativa de la deuda técnica y de diseño
- Agilización de los flujos de trabajo para profesionales médicos
- Optimización de los tiempos de despliegue para nuevas funcionalidades

07 · Key Takeaways

CloudHealth demostró que el diseño de sistemas es una infraestructura viva. Logramos pasar de componentes aislados a comportamientos consistentes y escalables.

Este proyecto consolidó mi capacidad para intervenir directamente en el código, convirtiendo decisiones de diseño en patrones de UI robustos que soportan la complejidad del sector salud.