Sistema de Diseño Saludtech

Saludtech es la clínica digital más grande de Chile, con más de 40 especialidades médicas y tres plataformas principales: pacientes, profesionales y operaciones. El producto había crecido de forma acelerada, lo que generó una desconexión visual y funcional entre las distintas vistas del sistema.

Me encargaron diseñar un sistema de diseño completo que permitiera unificar la experiencia, mejorar la claridad y escalabilidad del producto, y facilitar la implementación por parte del equipo técnico. Este sistema debía adaptarse tanto a flujos tipo webapp como a flujos más complejos tipo SaaS.

El resultado fue un Design System robusto, documentado en Figma, con más de 40 componentes divididos en categorías (marca, básicos, custom y extra), todos diseñados con sus estados correspondientes, guías de uso y buenas prácticas.

Año:

2024

Industria:

HealthTech

Herramientas:

Figma

Desafío:

El producto estaba fragmentado entre tres públicos muy distintos y sin una base visual común. Se necesitaba unificar la identidad visual, mejorar la claridad de navegación para cada perfil, escalar con nuevos features y reducir la carga de diseño e implementación para el equipo tech.

Objetivos:

Unificar visualmente el producto en todas sus plataformas (paciente, profesional, operaciones).
Crear un sistema escalable y claro, con componentes reutilizables y documentados.
Diseñar flujos que respeten las particularidades de cada tipo de usuario.
Establecer criterios visuales y funcionales consistentes entre secciones tipo SaaS y tipo webapp.
Diseñar todos los componentes en Figma con estados, tamaños y casos de uso.
Documentar la aplicación correcta de cada componente y entregarlo en archivo editable y PDF.

Solución:

Partí por analizar las tres plataformas desde la lógica de sus flujos y necesidades, realizando un benchmark con enfoque en escalabilidad, accesibilidad y consistencia visual. Diseñé más de 40 componentes clasificados por tipo (marca, básicos, custom y extra), todos con estados definidos, jerarquías claras y microinteracciones aplicadas según uso. Cada componente fue documentado con guías visuales y texto explicativo. El sistema completo se entregó en Figma + PDF, permitiendo al equipo de desarrollo escalarlo y aplicarlo de forma autónoma.

Resultados y aprendizajes:

El sistema de diseño permitió unificar visual y funcionalmente las tres plataformas del producto: pacientes, profesionales y operaciones, respetando las particularidades de cada público. Gracias a la documentación entregada y al prototipo detallado en Figma, el equipo pudo implementar los componentes de forma clara, ordenada y consistente. Esto sentó las bases para escalar el producto en el futuro, ya que ahora cuentan con una guía visual robusta, reutilizable y alineada a los estándares definidos. El cliente destacó la claridad del proceso, la visión de diseño y la atención al detalle durante todo el proyecto.