Montevideo, Uruguay
Diseño gráfico & video
CASMU
- Diseño UX/UI
- Comunicación visual
CASMU (Centro de Asistencia del Sindicato Médico del Uruguay) es una de las mutualistas más grandes del país y brinda servicios de salud a sus socios a través del mutualismo.
Como estudiante de UX/UI Design, rediseñé la interfaz de su app y creé Cuidarte, un sistema de diseño documentado para darle coherencia gráfica.

- TipoProyecto académico · Diseño UI
- RolAnálisis de interfaz, diseño UI y sistema de diseño
- HerramientaFigma
La app tenía inconsistencias en colores, tipografía, botones, íconos y fotografías, y las reseñas reflejaban la frustración de quienes la usan. El desafío: fortalecer la identidad de CASMU y transmitir eficiencia, empatía y tranquilidad en cada pantalla.



Objetivos
01
Imagen institucional
Fortalecer la imagen institucional de CASMU y sus valores en su app.
02
Coherencia gráfica
Desarrollar un diseño de interfaz coherente gráficamente.
03
Cercanía
Transmitir eficiencia, empatía y tranquilidad a cada paciente.
Investigación
- Reseñas
- Análisis de la app
- Análisis del sitio web
3.6 de puntuación en la tienda de apps, con más de 3.700 reseñas.
“Práctica, pero podría mejorar.”
“(...) la aplicación no cumple para nada con el objetivo de ayudar a los socios.”

Análisis
Se relevó la interfaz actual para detectar qué elementos debilitaban la marca y la experiencia.

El azul transmite calma y profesionalismo en el ámbito médico; el blanco aporta un diseño limpio.
El mismo rojo se usaba como acento y como feedback. Se redujo su saturación para evitar la sensación de alerta y quedó solo como acento: el feedback pasa a comunicarse con iconografía.
Se eliminó la diversidad de colores para asegurar coherencia con la identidad de CASMU y uniformidad en el diseño.



Helvética resultaba demasiado neutra e impersonal. Se eligió Roboto por su legibilidad, sumando color de acento e iconografía para dar cercanía a la marca.
Faltaba criterio en colores, márgenes, tamaños y mayúsculas. Se definió un sistema para mejorar la legibilidad y la adaptabilidad.
Los estilos de fotos y piezas eran inconsistentes. Se pasó a banners horizontales que presentan la información de forma ordenada y coherente.

El sistema de íconos era inconsistente en estilo, tamaño y detalle, lo que afectaba la legibilidad y la comprensión. Se estandarizó para mejorar la funcionalidad de la app.
Accesibilidad
La accesibilidad no es solo un requisito: es una oportunidad para crear un producto de calidad para todas las personas. Al ser un proyecto académico, se usaron herramientas para abordar distintas formas de percepción visual y motriz —tamaño de texto, contraste, áreas táctiles, daltonismo y texto alternativo— como punto de partida de un proceso continuo.

Propuesta
- Tipografía
- Color
- Íconos
- Botones
- Icono de app
- Grilla
- Elementos


Rediseño

Buscador para reducir las dificultades al encontrar áreas y funciones.
Banners horizontales para comunicar la información de forma más concisa.
Funciones se limitó la cantidad de enlaces por pantalla (principio operable) para una arquitectura de información fácil de navegar.
Agendar una consulta tenía fallas visuales que complejizaban el proceso. Se incorporaron:
- 01Cards para elegir profesional
- 02Separación del proceso en fases
- 03Indicadores de progreso
- 04Mejor feedback al finalizar














