CASO DE ESTUDIO
Sector: Área de la salud / Servicios Médicos Digitales.
Tipo de producto: Sistema de Identidad Gráfica y Plantillas UI/UX para Pilares de Contenido en Marketing Digital y Redes Sociales.
Rol: Senior UX/UI Product Designer & Brand Strategist.
Enfoque: Thinking, Branding Estratégico, Sistemas de Diseño y UX Benchmark Comparativo.
El desafío
VISIóN GENERAL
Construcción y estandarización de la identidad gráfica para los pilares de contenido de la estrategia de redes sociales de UC CHRISTUS (Comerciales, Educativos, Informativos, Institucionales/Contingencias, Efemérides y Hablemos de Salud). El proyecto busca integrar los lineamientos del sistema de diseño corporativo y de planes de salud para maximizar el plan de marketing institucional.
EL PROBLEMA
Ausencia de codificación visual entre las distintas tipologías de publicación en redes sociales. Esto generaba falta de coherencia en los mensajes, dispersión de la identidad de marca y dificultad para comunicar contenidos educativos e informativos con el grado de autoridad y confianza requeridos en el sector salud.
CÓMO LO ABORDAMOS
- Codificación Cromática: Definición de combinaciones cromáticas por pilar normadas por el sistema de diseño, controlando porcentajes de colores primarios base, secundarios, de apoyo, fondos, degradés, textos y estados de error/éxito.
- Sistema Gráfico Modular: Creación de guías de ilustración, iconografía y tratamiento fotográfico para acompañar cada pilar de contenido.
- Pruebas de Concepto Múltiples: Diseño de 3 opciones de layout/composición gráfica distintas por cada pilar para garantizar versatilidad sin perder coherencia institucional.
ORGANIZACIÓN DEL PROYECTO
Plan de Trabajo (Metodología y Proceso)
- Fase 1 — Descubrimiento (Discovery): comprensión de la estrategia de redes sociales de UC CHRISTUS, sus pilares de contenido y los lineamientos del sistema de diseño corporativo y de planes de salud.
- Fase 2 — Benchmark Comparativo: análisis de referentes de marketing digital en el sector salud y de sistemas de identidad aplicados a contenido en redes sociales.
- Fase 3 — Definición del Sistema de Identidad: codificación cromática por pilar y construcción del sistema gráfico modular (ilustración, iconografía y tratamiento fotográfico).
- Fase 4 — Diseño de Plantillas UI/UX: creación de 3 propuestas de layout/composición por cada pilar de contenido.
- Fase 5 — Validación y Entrega: revisión iterativa con los equipos de marketing y comunicaciones, y documentación de guías de uso para la producción de contenido.
Alcance del Proyecto
- Sistema de Identidad Gráfica para los seis pilares de contenido: Comerciales, Educativos, Informativos, Institucionales/Contingencias, Efemérides y Hablemos de Salud.
- Codificación cromática normada por el sistema de diseño: porcentajes de colores primarios, secundarios, de apoyo, fondos, degradés, textos y estados.
- Guías de ilustración, iconografía y tratamiento fotográfico para acompañar cada pilar de contenido.
- Plantillas UI/UX para Marketing Digital y Redes Sociales, con 3 opciones de layout por pilar para garantizar versatilidad y coherencia institucional.
Prioridades del plan
Definición formal de pilares de contenido y asignación de paletas cromáticas expresadas en porcentajes.
Definición de estructuras de contenido y reglas de uso para fotografía, textos, ilustraciones e iconografía.
Creación de 3 propuestas de layout/composición gráfica por pilar (18 composiciones únicas en total).
Presentación, revisión y selección final de propuestas junto a los equipos de Marketing y Comunicaciones de UC CHRISTUS.
Benchmark (Análisis Comparativo y Estándares de la Industria)
- Investigación comparativa: Análisis de las estrategias de redes sociales de instituciones de salud y servicios médicos digitales para identificar cómo codifican visualmente sus contenidos.
- Estándares de la industria: Revisión de sistemas de diseño aplicados a marketing digital: uso del color como identificador de pilar, jerarquías tipográficas y tratamiento de imagen.
- Formatos y versatilidad: Comparación de layouts de publicaciones (feed, historias, lives y podcast) y de su adaptación a distintos tipos de mensaje.
Hallazgos Clave
- El color como código: Las marcas de salud más consistentes usan combinaciones cromáticas fijas por tipo de contenido, lo que acelera el reconocimiento en el feed.
- Sistemas modulares: Las plantillas construidas sobre una grilla y componentes reutilizables permiten escalar la producción sin perder coherencia.
- Autoridad visual: En el sector salud, la consistencia gráfica y el uso correcto de la marca son clave para comunicar contenidos educativos con confianza.
Estrategia
- Estrategia de contenido: Organización de las publicaciones en seis pilares de contenido con objetivos comunicacionales propios, desde lo comercial hasta lo educativo e institucional.
- Estrategia de marca: Codificación cromática por pilar normada por el sistema de diseño corporativo, integrando los lineamientos de planes de salud para reforzar la identidad UC CHRISTUS.
- Estrategia de sistema: Sistema gráfico modular con guías de ilustración, iconografía y fotografía que permite producir piezas versátiles sin dispersar la identidad de marca.
Pilares de Contenido
- Comerciales: Servicios, especialidades y llamados a la acción de la red de salud.
- Educativos e Informativos: Contenido de prevención, consejos de salud y agenda de atenciones.
- Institucionales/Contingencias y Efemérides: Comunicaciones oficiales, conmemoraciones y avisos de contingencia.
- Hablemos de Salud: Pilar editorial propio con charlas de maternidad, IG live y podcast.
Testeo QA/UX
Se realizaron revisiones iterativas de las plantillas junto a los equipos de marketing y comunicaciones, validando su aplicación en formatos reales de redes sociales.
- Codificación: Verificación de que cada pilar sea reconocible a primera vista por su combinación cromática.
- Legibilidad: Control de jerarquías tipográficas, contraste de textos y estados de error/éxito en las piezas.
- Versatilidad: Prueba de las 3 propuestas de layout por pilar con distintos tipos de mensaje y formatos.
Resultados y aprendizajes
Las pruebas confirmaron que la codificación cromática por pilar acelera el reconocimiento del contenido y que el sistema modular mantiene la coherencia institucional en producciones de alto volumen.
- Validación del sistema de color como identificador de pilar en feed e historias.
- Confirmación de las guías de ilustración, iconografía y tratamiento fotográfico por pilar.
- Ajustes finales de accesibilidad y legibilidad antes de la entrega de las plantillas.
Antes:
Las publicaciones en redes sociales no contaban con una codificación visual que diferenciara las tipologías de contenido. Esto generaba falta de coherencia en los mensajes, dispersión de la identidad de marca y dificultad para comunicar contenidos educativos e informativos con la autoridad y confianza requeridas en el sector salud.
Después (Solución Diseñada):
Sistema de Identidad Gráfica por pilar: Codificación cromática normada por el sistema de diseño para los seis pilares de contenido. Sistema Gráfico Modular: Guías de ilustración, iconografía y tratamiento fotográfico coherentes con la marca. Plantillas UI/UX: Tres opciones de layout por pilar para Marketing Digital y Redes Sociales, garantizando versatilidad sin perder coherencia institucional.
Diseño del producto
Sistema de Plantillas: Codificación cromática por pilar aplicada a la parrilla de contenidos para Marketing Digital y Redes Sociales.
Pilar Hablemos de Salud: Identidad propia del pilar editorial con charlas de maternidad, IG live y podcast, integrada al sistema gráfico institucional.