Instituto Nacional de Meteorologia - INMET
Transformando o acesso à informação meteorológica para milhões
Redesign da plataforma nacional de meteorologia do Brasil para torná-la mais clara, acessível e intuitiva para todos: cientistas, formuladores de políticas públicas e cidadãos.
4x
aumento no tráfego
62%
dispositivos móveis
95%
WCAG / eMAG
Titulo
Designer Especialista
(Lead UX Designer)
Duração
12 Meses
2017 – 2018
Time
15+ colaboradores, incluindo designers, engenheiros, analistas de sistemas, DBAs, cientistas do clima e stakeholders do setor público.
O desafio: complexidade legada
Antes do redesign, o portal do INMET estava desatualizado, fragmentado e pensado principalmente para especialistas. A previsão do tempo ficava escondida entre linguagem técnica e navegação com múltiplos cliques. Muitos cidadãos acessavam o portal uma única vez e não retornavam, enquanto concorrentes utilizavam os próprios dados do INMET para atrair usuários com experiências digitais mais acessíveis e bem resolvidas.
Nosso objetivo foi transformar essa plataforma complexa e orientada por dados em uma experiência digital centrada no cidadão, mobile-first e competitiva — preservando ao mesmo tempo a credibilidade e a confiança de uma fonte oficial de informação meteorológica.
<10%
dos visitantes retornavam
4+
cliques para previsão do tempo
+60%
tráfego nos concorrentes
Navegando conflitos de liderança
Um dos desafios mais complexos do projeto foi a tensão entre a visão técnica dos meteorologistas e as necessidades do público. Enquanto os especialistas defendiam que a homepage priorizasse dados brutos e conteúdo técnico, o público precisava de uma previsão do tempo clara, simples e acessível.
Para destravar esse impasse, utilizei benchmarks de concorrentes e insights de uso para demonstrar que uma abordagem centrada no cidadão era essencial para que o INMET cumprisse seu papel como instituição pública.
| Feature | INMET (Antes) | Climatempo | AccuWeather | Weather.com |
|---|---|---|---|---|
| Fonte de dados oficial |
|
|
|
|
| Previsão do tempo simplificada |
|
|
|
|
| Mobile-First Design |
|
|
|
|
| Localizado no Brasil |
|
|
|
|
| UX Moderno |
|
|
|
|
| Sem anúncios |
|
|
|
|
Pesquisa, Estratégia e Design
Como única consultora de UX do projeto, liderei uma abordagem multidisciplinar. Meu trabalho percorreu todas as etapas: de pesquisa com usuários e arquitetura da informação até prototipação em alta fidelidade e acompanhamento da implementação front-end.
Trabalhei em parceria com mais de 15 colaboradores, incluindo cientistas do clima e engenheiros, para reunir perspectivas diversas e alinhar uma visão compartilhada. Para entender melhor nossos usuários, conduzi workshops e sessões de card sorting com cidadãos, agricultores, meteorologistas e equipes de defesa civil. Também utilizei feedback do atendimento ao usuário para complementar as lacunas deixadas pela ausência de analytics no portal anterior.
Principais entregas
Visuais Interativos
Transformamos imagens de satélite estáticas e repetitivas em mapas interativos e georreferenciados, com zoom, navegação e melhor leitura dos dados.
SISDAGRO Simplificado
Substituímos fluxos complexos, baseados em múltiplos cliques e excesso de texto, por uma interface de tela única para navegação entre mapas e parâmetros.
Automação do CMS
Tornamos artigos, glossário e publicações dinâmicos e editáveis, permitindo que a equipe publicasse conteúdo sem depender de código.
Portal Mobile-First
Desenvolvemos uma experiência totalmente responsiva para iOS, Android e tablets, com paridade completa de funcionalidades em relação à versão desktop.
Design System
Criei um design system e manual de uso para que futuras equipes de design e desenvolvimento pudessem manter consistência visual, de marca e experiência ao longo do tempo.
Desafios & Soluções
Conflito político
Utilizei benchmarks de concorrentes e insights reais de uso para alinhar a liderança em torno de uma homepage centrada no cidadão, preservando ao mesmo tempo camadas técnicas voltadas ao público especialista.
Resistência à modernização
Construí confiança e negociei soluções com equipes que mantinham a infraestrutura existente havia anos, introduzindo práticas modernas de UX sem romper com os processos já estabelecidos.
Limitações tecnológicas
Aprofundei meu conhecimento na plataforma Drupal para explorar seu máximo potencial, entregando uma experiência moderna e preparada para mobile dentro das restrições técnicas do projeto.
Trade-offs de acessibilidade
Defendi uma evolução gradual em acessibilidade para atender aos requisitos mínimos da WCAG 2.0 e do eMAG, garantindo que conformidade e inclusão fossem tratadas como prioridade desde o início.
Antigo
Novo
Impacto
A nova plataforma do INMET se consolidou como a principal fonte pública de informação meteorológica e climática do Brasil, utilizada diariamente por cidadãos, agricultores, jornalistas e órgãos governamentais. Além de ampliar o engajamento, o redesign reposicionou o INMET como referência digital no acesso à informação meteorológica.
41.9%
Redução na taxa de rejeição
95%
Conformidade com acessibilidade
5.300
Cliques na geração de mapas
4x
Aumento no tráfego geral após o redesign
62%
Acessos realizados por dispositivos móveis
Aprendizados
Colaboração importa
A parceria com especialistas em Drupal e com a liderança de tecnologia foi essencial para conquistar aprovações, gerar confiança e viabilizar o projeto.
O poder dos dados
Dados de uso e benchmarks de concorrentes ajudaram a transformar debates complexos em decisões mais objetivas e bem fundamentadas.
Protótipos de alta fidelidade convencem
Demos interativas em alta fidelidade tornaram a visão tangível para stakeholders não designers e evitaram retrabalho e ciclos de desenvolvimento desnecessários.
Maturidade em design
Aprendi que uma solução clara, útil e sustentável gera muito mais impacto do que uma solução apenas visualmente impecável.
O melhor design resolve problemas, não apenas cria interfaces bonitas. Vamos conversar sobre como posso ajudar você ou sua organização.
