Case study

Redesign do site da FEBRACE

Transformando um site difícil de navegar em uma experiência mais clara para quem queria participar da feira — e mais fácil de manter para quem administrava o conteúdo.

FEBRACE
Sobre o projeto

Visão geral

Papel
Product Designer · UX/UI · Implementação
Tipo
Website institucional
Contexto
Projeto freelance
Problema

O desafio

Site da FEBRACE antes do redesign — layout antigo com navegação confusa
Interface do site antigo

Para quem acessava:
era difícil entender como participar da feira e encontrar as informações necessárias.

Para quem mantinha o site:
as informações precisavam ser alteradas diretamente no HTML, criando dependência de desenvolvimento.

Objetivo

O que precisava mudar

🧭 Experiência

Simplificar a navegação e tornar o processo de participação mais claro.


📚 Conteúdo

Reorganizar informações que estavam dispersas e pouco hierarquizadas.


⚙️ Operação

Permitir que os responsáveis pelo conteúdo atualizassem o site sem depender de um programador.


O mobile já era importante, mas a experiência não acompanhava

O site antigo não era responsivo e apresentava uma experiência inadequada em dispositivos móveis. Ao mesmo tempo, os acessos por mobile já representavam a maior parcela do tráfego.

Ilustração do site não responsivo
Processo

Como abordei

A primeira mudança não foi visual, foi estrutural

Antes de trabalhar na interface, reorganizei a arquitetura de informação do site para entender como os conteúdos estavam distribuídos e como poderiam ser agrupados de forma mais clara.

Sitemap do site antigo
AntesEstrutura de navegação antiga
Sitemap com nova estrutura de informação
DepoisArquitetura da informação reorganizada

Colocando a participação no centro da experiência

A partir da reorganização do conteúdo, a jornada de participação passou a ter um papel central na estrutura do site. O fluxo ajudou a identificar quais informações precisavam estar disponíveis em cada etapa e como reduzir a dificuldade para quem queria entender o processo de participação.

Fluxo de inscrição na FEBRACE
Solução

O que foi entregue

Uma nova estrutura para uma experiência mais clara

A partir dos problemas identificados, reorganizei a estrutura do site, redesenhei a experiência das principais jornadas e implementei a nova solução em WordPress.

Site da FEBRACE depois do redesign — nova hierarquia visual e jornada de inscrição
Depois do redesign - febrace.org.br

🧭 Arquitetura de informação

Reorganização dos conteúdos e da navegação para facilitar a localização das informações e dar maior destaque às etapas de participação na feira.


📱 Experiência responsiva

A nova interface foi estruturada para funcionar em diferentes tamanhos de tela, tornando o conteúdo mais acessível também para usuários de dispositivos móveis.


⚙️ Autonomia para a equipe

A implementação em WordPress permitiu que os responsáveis pelo site atualizassem conteúdos sem depender diretamente de um programador.

Site da FEBRACE depois do redesign — nova hierarquia visual e jornada de inscrição
Exemplo da área de gerenciamento do site - WordPress.org
Impacto

Resultados

Mais clareza para quem participa, mais autonomia
para quem mantém


Para quem acessa

  • navegação mais organizada;
  • informações importantes mais fáceis de encontrar;
  • jornada de participação mais clara;
  • experiência adequada também para dispositivos móveis.

Para quem administra

  • conteúdo organizado em uma estrutura mais fácil de manter;
  • atualização do site diretamente pelo WordPress;
  • menor dependência de programação para alterações de conteúdo.
Aprendizados

O que ficou

Projetar uma boa experiência vai além da interface. Problemas de UX muitas vezes estão ligados à estrutura e operação do produto, e soluções sustentáveis precisam considerar também quem mantém o sistema.

Gostou do case? Vamos conversar.