CloudHealth

00 · Context

CloudHealth is a B2B platform specializing in medical and administrative management, designed to centralize costs, governance, and large-scale operations.

Following a period of hyper-growth, the product faced significant user experience friction due to a fragmented visual language and an information architecture lacking a clear structural core.

My intervention focused on providing strategic clarity, transforming a cluttered interface into a scalable and efficient system.

01 · The Challenge

Rapid expansion led to considerable 'design debt': cluttered interfaces, inconsistent flows, and a fragmented architecture that hindered user adoption.

This lack of cohesion not only increased the cognitive load for healthcare professionals but also created technical bottlenecks in every development cycle.

The main challenge was migrating from a model of visual patches toward a unified, fluid ecosystem with a high professional standard.

02 · Visual Foundation & Strategy

Before redesigning individual components, I established a coherent 'visual north' to align the brand identity with the platform's operational needs.

I prioritized clarity and accessibility, understanding that in medical environments, visual precision is critical for decision-making.

- Unification of visual language across critical touchpoints
- Definition of a palette and typography optimized for readability in complex data environments
- Construction of a professional, clear identity centered on trust

03 · Order & Atomic Structure

With the foundation defined, I proceeded to audit and restructure the product's surfaces, prioritizing behavioral predictability over pure aesthetics.

We implemented a deep cleanup of visual noise to focus user attention on critical tasks.

- Standardization of cross-functional components between management modules
- Alignment of layouts to ensure intuitive navigation flows
- Reduction of cognitive load through data prioritization and hierarchy

04 · Systemic Thinking

To ensure sustainable change, I drove a transition from 'module-based design' toward a 'Design System Ops' model, aligning Product vision with Engineering.

We refactored how the team approached new features, basing them on solid pillars of scalability.

- Shared layout frameworks to accelerate prototyping
- UI patterns with explicit interaction rules and states
- Alignment of criteria between Product and Marketing teams

05 · Implementation & UI Development

My role transcended the visual deliverable; I took technical responsibility for building the foundations of the component library in code, ensuring a seamless transition to the engineering team.

I personally refactored and enhanced existing views, injecting visual consistency and interaction quality directly into the product's frontend.

- Development of base components (UI Library) for future scalability by the dev team
- Aesthetic and functional refactoring of critical views directly in code
- Design Tokens architecture to guarantee a single technical source of truth
- Handoff optimization through pre-built, production-ready components

06 · Impact & Results

We successfully transformed a complex tool into a professional, highly navigable experience, directly impacting the productivity of end users.

The implementation of this systemic approach allowed the product to achieve:

- Significant reduction in technical and design debt
- Streamlined workflows for healthcare professionals
- Optimized deployment times for new features

07 · Key Takeaways

CloudHealth demonstrated that system design is living infrastructure. We moved from isolated components to consistent, scalable behaviors.

This project consolidated my ability to intervene directly in the code, turning design decisions into robust UI patterns that support the complexity of the healthcare sector.