EpiSUS · 2023 · UX · UI design · Site institucional
Um site de governo organizado pela jornada de quem usa, não pelo organograma.
Projeto de UX e design do novo site do EpiSUS, o Programa de Treinamento em Epidemiologia Aplicada aos Serviços do SUS, da Secretaria de Vigilância em Saúde e Ambiente do Ministério da Saúde.
- Programa
- EpiSUS · SVSA · Ministério da Saúde
- Ano
- 2023
- Público
- Candidatos, profissionais do SUS, gestores e equipes de resposta
- Escopo
- Arquitetura de informação, UX, UI design de 5 páginas-chave, sistema de cores por nível e vídeo de apresentação
- Empresa do grupo
- OWTRA
O site foi desenvolvido e aprovado, mas não foi publicado por decisão da gestão do programa.
O desafio
Criado em 2000, o EpiSUS forma profissionais para investigar surtos e responder a emergências em saúde pública. Hoje são três níveis de formação, Fundamental, Intermediário e Avançado, além da formação de tutores. O Avançado dura dois anos, é presencial em Brasília e exige dedicação exclusiva.
Com tantos públicos e níveis, a informação se perdia. O candidato precisava entender qual formação era para ele, o gestor precisava saber como pedir apoio de uma equipe em campo, e a sociedade precisava ver o que o programa já entregou ao país.
Veja o site em movimento
A apresentação do novo site, com a navegação pela home e pelas principais áreas.
Navegue pelas páginas
A home e as páginas de cada nível e de inscrições, como foram aprovadas. Troque de aba e role dentro da tela.
Role dentro da tela para ver a página inteira
O que fizemos
- 01
Públicos e jornadas
Mapeamos quem acessa o site e o que cada um precisa resolver: se inscrever, acompanhar editais, entender os níveis ou acionar uma equipe.
- 02
Arquitetura de informação
A home virou um roteiro: apresentação, níveis de formação, inscrições, resultados e apoio às equipes, com acesso direto para candidatos e comissão.
- 03
Sistema visual por nível
Cada nível ganhou cor própria: verde no Fundamental, laranja no Intermediário, azul no Avançado e roxo na formação de tutores. O visitante sabe onde está só pela cor.
- 04
Protótipo e aprovação
O site foi desenvolvido, apresentado em vídeo e aprovado pela equipe do programa.
Seção a seção
Cada bloco tem uma função clara na jornada de quem visita o site.
- 01
Home com atalhos por nível
Destaque rotativo, acesso direto para candidatos e comissão e um cartão para cada nível de formação logo na primeira dobra.
- 02
Os níveis em uma pirâmide
A trilha de formação em um só desenho: do Fundamental ao Avançado, com a formação de tutores ao lado e a duração de cada etapa.
- 03
Página do Avançado
Os números que importam primeiro: 3.600 horas, tutoria semanal e 80% de atividades práticas, antes do texto completo.
- 04
Página do Intermediário
Mesma estrutura, outra cor: quem compara os níveis encontra as informações sempre no mesmo lugar.
- 05
Público-alvo em cartões
O profissional confere em segundos se o nível é para ele.
- 06
Formação de tutores
20 horas, quatro módulos e 100% online: a formação a distância apresentada com a mesma clareza dos níveis presenciais.
- 07
Temas e metodologia
Conteúdo do curso em lista curta e a metodologia explicada com foto real de campo.
- 08
Você sabia?
O sapato furado, símbolo da epidemiologia de campo, aproxima o candidato da cultura do programa antes da inscrição.
- 09
Processo seletivo e editais
Área do candidato, botão de inscrição e editais por nível em um só lugar.
- 10
Como solicitar apoio
Regras claras e uma triagem de sim ou não orientam o gestor: em um clique, ele sabe se deve acionar a equipe do EpiSUS.
- 11
Descentralização
O mapa mostra os estados que já recebem o EpiSUS Fundamental.
Leitura de posicionamento
Sites de governo costumam repetir o organograma: secretarias, coordenações, portarias. Quem chega não sabe por onde começar. Aqui a lógica foi inversa: cada público encontra a sua porta de entrada logo na home.
Cores por nível, números em destaque e fotos reais de campo aproximam um programa técnico das pessoas. Isso fortalece a marca do EpiSUS e ajuda a atrair os profissionais certos para a formação.
- 4
- níveis de formação organizados na home
- 5
- páginas-chave desenhadas
- 2000
- ano de criação do programa
Por que contratar o grupo para um projeto assim
Neste case, a OWTRA foi responsável por todo o projeto. Em sites institucionais, o TBS GROUP junta estratégia, design e performance digital para que o site seja encontrado e usado.
-
OWTRALiderou este case
Responsável por todo o projeto: arquitetura de informação, UX, design das páginas e vídeo de apresentação, com o olhar de quem trabalha para o site ser encontrado no Google e nas IAs.
Conhecer OWTRA -
.xtrategy
Planejamento estratégico. Define públicos, mensagens e prioridades antes da primeira tela.
Conhecer .xtrategy -
BDDB.ag
Branding e design. Cria identidades e linguagens visuais que dão personalidade a marcas e programas.
Conhecer BDDB.ag
Seu site fala com quem precisa?
Conte o desafio. Um sócio do grupo responde e indica o caminho, da estratégia ao site no ar.
← Todos os cases