Sema Amazonas | Redesign do website da Secretaria de Meio Ambiente do Amazonas

Sema Amazonas | Redesign do website da Secretaria de Meio Ambiente do Amazonas

Atuação

UX Researcher & UI Designer

Ferramentas

Figma, FigJam

Habilidades

UX Research, Arquitetura da Informação, UI Design

Contexto

O portal da Secretaria de Meio Ambiente (SEMA) é o canal oficial de transparência e serviços ambientais do estado. Este projeto, desenvolvido como Trabalho de Conclusão de Curso (TCC), teve como premissa modernizar a experiência do cidadão e democratizar o acesso à informação pública.

montagem de telas da proposta do site da Sema
montagem de telas da proposta do site da Sema

Problema & Objetivo

A arquitetura original do site apresentava alta carga cognitiva, dificultando o acesso a dados críticos e gerando taxas de abandono elevadas. O cidadão comum não conseguia navegar pela complexidade burocrática da informação.

O objetivo foi reestruturar a plataforma para garantir acessibilidade e clareza, permitindo que qualquer usuário,do pesquisador ao cidadão interessado em notícias ambientais, encontrasse informações em poucos cliques.

Processo

  1. Diagnóstico: Pesquisas exploratórias, Matrizes CSD e entrevistas com o administrador do site, combinadas com questionários aplicados aos usuários para mapear as dores atuais.

  2. Definição: Criação de Personas e Jornadas do Usuário para entender os diferentes contextos de acesso.

  3. Ideação: Card Sorting (para Arquitetura da Informação) e Wireframing para estruturar a nova navegação.

  4. Validação: Testes de usabilidade conduzidos com os usuários e o administrador para validar a eficiência do protótipo desenvolvido.

tela de notícias do design proposto da Sema
tela de notícias do design proposto da Sema

Solução

  1. Nova Arquitetura da Informação: Reorganizei taxonomias e categorias, reduzindo a profundidade de navegação e agrupando serviços por lógica de uso, não por organograma interno.

  2. Design System Governamental: Estabeleci um guia de estilos (UI Kit) que modernizou a identidade visual, mantendo a sobriedade institucional e garantindo consistência com a marca do Governo do Estado.

  3. Hierarquia Visual: Uma Home reestruturada que prioriza os serviços mais buscados (Top Tasks), validados através de testes de usabilidade.

tela de notícias do design proposto da Sema
tela de notícias do design proposto da Sema
tela de elemento da interface
tela de elemento da interface
tela de elemento da interface
tela de elemento da interface

Resultados

Este projeto foi fundamental para minha formação como Product Designer, pois me desafiou a resolver problemas de alta densidade de informação e complexidade estrutural.

Também aprendi na prática a importância de não confiar em "achismos", validando cada etapa da navegação com testes reais.

Por fim, desenvolvi uma sensibilidade maior para criar interfaces inclusivas, entendendo que, no serviço público, o design precisa funcionar para todos os perfis demográficos.

telas sobrepostas do design proposto do site da Sema
telas sobrepostas do design proposto do site da Sema