RELACIONADOS

CONCEITO

A iniciativa partiu da necessidade de atualizar o site antigo, robusto em conteúdo, porém pouco adaptado aos hábitos contemporâneos de leitura. Para uma plataforma mais acessível, fluida e inclusiva, alinhada à missão da organização de ampliar o acesso à informação sobre direitos humanos no Brasil.

O desafio central foi reorganizar uma grande quantidade de conteúdos sensíveis e relevantes, garantindo clareza, contexto e facilidade de acesso, sem perder profundidade editorial.

DIAGNÓSTICO DO SITE ANTIGO

A análise do portal anterior revelou desafios claros de experiência, especialmente em dispositivos móveis:

Navegação densa e pouco intuitiva
Hierarquia de informação confusa em páginas longas
Layout pouco responsivo para leitura em telas pequenas
Baixa escaneabilidade dos conteúdos
Dificuldade de descoberta de materiais educativos e especiais

ESTRATÉGIA DE UX

O redesign foi guiado por três princípios fundamentais:

Mobile como ponto de partida
Todo o sistema foi desenhado priorizando o celular, principal meio de acesso do público ao portal.
Conteúdo em camadas
Informações complexas passam a ser organizadas em blocos visuais claros, permitindo leitura rápida ou aprofundamento progressivo.
Acessibilidade e inclusão
Tipografia legível, bom contraste, hierarquia visual consistente e componentes pensados para diferentes perfis de usuários.

NOVA INTERFACE E ARQUITETURA EDITORIAL

A nova proposta apresenta uma interface mais limpa, contemporânea e modular, facilitando tanto a leitura quanto a navegação entre temas:

Home reorganizada, destacando atualidades, conteúdos educativos e formatos especiais
Cards editoriais padronizados, com leitura rápida de tema, formato e autoria
Sistema visual por categorias, auxiliando o reconhecimento dos assuntos
Página de artigo redesenhada, com foco em leitura longa confortável, imagens em destaque e melhor uso de respiro
Componentes reutilizáveis, garantindo escalabilidade e consistência visual
A experiência passa a ser mais fluida e previsível, reduzindo fricções ao longo da jornada do usuário.

WEB STORIES

O GRANDE DIFERENCIAL DO PROJETO

Um dos principais diferenciais do projeto foi a criação do formato Web Stories, inspirado na linguagem dos stories do Instagram, adaptado para o contexto editorial e informativo.

Os Web Stories permitem apresentar conteúdos de direitos humanos de forma:

Mais visual e narrativa
Rápida e acessível, ideal para mobile
Didática, especialmente para temas complexos ou educativos
Altamente compartilhável, ampliando o alcance orgânico

O formato se tornou uma nova porta de entrada para o conteúdo do portal, dialogando com públicos mais jovens e com hábitos de consumo baseados em scroll e narrativa visual.

Redesign Site

#UI/UXDesign

UI/UX Site; Mobile-first; Direção de arte.

Abril 2023