EpiSUS · 2023 · UX · Diseño UI · Sitio institucional
Un sitio de gobierno organizado por el recorrido de quien lo usa, no por el organigrama.
Proyecto de UX y diseño del nuevo sitio de EpiSUS, el Programa de Entrenamiento en Epidemiología Aplicada a los Servicios del SUS, de la Secretaría de Vigilancia en Salud y Ambiente del Ministerio de Salud de Brasil.
- Programa
- EpiSUS · SVSA · Ministerio de Salud de Brasil
- Año
- 2023
- Público
- Candidatos, profesionales del SUS, gestores y equipos de respuesta
- Alcance
- Arquitectura de información, UX, diseño UI de 5 páginas clave, sistema de colores por nivel y video de presentación
- Empresa del grupo
- OWTRA
El sitio fue desarrollado y aprobado, pero no se publicó por decisión de la gestión del programa.
El desafío
Creado en 2000, EpiSUS forma profesionales para investigar brotes y responder a emergencias en salud pública. Hoy son tres niveles de formación, Fundamental, Intermedio y Avanzado, además de la formación de tutores. El Avanzado dura dos años, es presencial en Brasilia y exige dedicación exclusiva.
Con tantos públicos y niveles, la información se perdía. El candidato necesitaba entender qué formación era para él, el gestor necesitaba saber cómo pedir apoyo de un equipo en campo y la sociedad necesitaba ver lo que el programa ya entregó al país.
Vea el sitio en movimiento
La presentación del nuevo sitio, con la navegación por la home y las áreas principales.
Navegue por las páginas
La home y las páginas de cada nivel y de inscripciones, tal como fueron aprobadas. Cambie de pestaña y desplácese dentro de la pantalla.
Desplácese dentro de la pantalla para ver la página completa
Lo que hicimos
- 01
Públicos y recorridos
Mapeamos quién accede al sitio y qué necesita resolver cada uno: inscribirse, seguir convocatorias, entender los niveles o activar un equipo.
- 02
Arquitectura de información
La home se volvió un guion: presentación, niveles de formación, inscripciones, resultados y apoyo a los equipos, con acceso directo para candidatos y comisión.
- 03
Sistema visual por nivel
Cada nivel ganó color propio: verde en Fundamental, naranja en Intermedio, azul en Avanzado y morado en la formación de tutores. El visitante sabe dónde está solo por el color.
- 04
Prototipo y aprobación
El sitio fue desarrollado, presentado en video y aprobado por el equipo del programa.
Sección por sección
Cada bloque tiene una función clara en el recorrido de quien visita el sitio.
- 01
Home con accesos por nivel
Destacado rotativo, acceso directo para candidatos y comisión y una tarjeta para cada nivel de formación en el primer pliegue.
- 02
Los niveles en una pirámide
La ruta de formación en un solo dibujo: de Fundamental a Avanzado, con la formación de tutores al lado y la duración de cada etapa.
- 03
Página del Avanzado
Los números que importan primero: 3.600 horas, tutoría semanal y 80% de actividades prácticas, antes del texto completo.
- 04
Página del Intermedio
Misma estructura, otro color: quien compara los niveles encuentra la información siempre en el mismo lugar.
- 05
Público objetivo en tarjetas
El profesional confirma en segundos si el nivel es para él.
- 06
Formación de tutores
20 horas, cuatro módulos y 100% online: la formación a distancia presentada con la misma claridad que los niveles presenciales.
- 07
Temas y metodología
Contenido del curso en lista corta y la metodología explicada con foto real de campo.
- 08
¿Sabía que?
El zapato agujereado, símbolo de la epidemiología de campo, acerca al candidato a la cultura del programa antes de inscribirse.
- 09
Proceso de selección y convocatorias
Área del candidato, botón de inscripción y convocatorias por nivel en un solo lugar.
- 10
Cómo solicitar apoyo
Reglas claras y un filtro de sí o no orientan al gestor: en un clic sabe si debe activar al equipo de EpiSUS.
- 11
Descentralización
El mapa muestra los estados que ya reciben EpiSUS Fundamental.
Lectura de posicionamiento
Los sitios de gobierno suelen repetir el organigrama: secretarías, coordinaciones, resoluciones. Quien llega no sabe por dónde empezar. Aquí la lógica fue inversa: cada público encuentra su puerta de entrada en la home.
Colores por nivel, números destacados y fotos reales de campo acercan un programa técnico a las personas. Eso fortalece la marca EpiSUS y ayuda a atraer a los profesionales correctos.
- 4
- niveles de formación organizados en la home
- 5
- páginas clave diseñadas
- 2000
- año de creación del programa
Por qué contratar al grupo para un proyecto así
En este caso, OWTRA fue responsable de todo el proyecto. En sitios institucionales, TBS GROUP une estrategia, diseño y performance digital para que el sitio sea encontrado y usado.
-
OWTRALideró este caso
Responsable de todo el proyecto: arquitectura de información, UX, diseño de las páginas y video de presentación, con la mirada de quien trabaja para que el sitio aparezca en Google y en las IA.
Conocer OWTRA -
.xtrategy
Planificación estratégica. Define públicos, mensajes y prioridades antes de la primera pantalla.
Conocer .xtrategy -
BDDB.ag
Branding y diseño. Crea identidades y lenguajes visuales que dan personalidad a marcas y programas.
Conocer BDDB.ag
¿Su sitio habla con quien lo necesita?
Cuéntenos el desafío. Un socio del grupo responde e indica el camino, de la estrategia al sitio publicado.
← Todos los casos