Barbara Costa

🚧 ESTE CASE ESTÁ EM CONSTRUÇÃO — EM BREVE COM TODOS OS DETALHES

Redesign FIRA Brasil

Modernização de site educacional com foco em navegação intuitiva e clareza de informação para o público acadêmico.

TipoWeb Design · Redesign
FerramentasFigma · Adobe XD
Ano2024
PapelWeb Design · UX
substitua por imagem do projeto
01 — CONTEXTO

Contexto

Descreva o que é a FIRA Brasil, para qual público o site existe e qual o papel da plataforma no ecossistema educacional e de robótica.

Fale sobre o site original — o que existia antes, quais eram os problemas percebidos, quem acessava e com qual objetivo.

imagem de contexto
02 — PROBLEMA

Qual era o problema?

Descreva o problema central: o que estava falhando na experiência do usuário com o site original da FIRA Brasil?

Navegação confusa

Descreva como a arquitetura de informação prejudicava o usuário na busca por conteúdo.

Visual desatualizado

Descreva como a identidade visual não refletia o posicionamento de uma instituição de referência.

Hierarquia ausente

Descreva como a falta de clareza visual dificultava encontrar as informações mais importantes.

03 — PROCESSO

Como eu pensei a solução

Explique seu processo — auditoria do site existente, benchmarks com portais educacionais, reestruturação da arquitetura de informação e construção do novo sistema visual.

01

Auditoria do site atual

Mapeamento de todos os fluxos e identificação dos pontos de maior atrito.

02

Arquitetura da informação

Reestruturação do menu e da hierarquia de conteúdo para clareza máxima.

03

Wireframes e protótipo

Validação dos novos fluxos antes de investir no design visual final.

04

UI e sistema visual

Identidade visual alinhada ao posicionamento de uma instituição educacional de referência.

wireframes / processo
04 — SOLUÇÃO

A solução

Apresente as principais páginas do redesign. Para cada tela, explique o que mudou e a decisão que sustenta cada escolha.

telas principais da solução
Decisão de design 1

Nova navegação

Explique como a nova arquitetura de menu resolve o problema de desorientação do usuário no site.

Decisão de design 2

Sistema de hierarquia

Explique como o sistema de tipografia e espaçamento guia o olhar e facilita a leitura.

telas secundárias / detalhes
05 — RESULTADO

Resultado

Descreva o impacto do redesign em navegabilidade, clareza de informação e percepção de credibilidade da instituição.

00%

melhora na clareza de navegação

00s

redução no tempo para encontrar informação

00+

páginas reestruturadas

O que aprendi nesse projeto

Redesign não é só estética — reestruturar a arquitetura de informação foi o maior ganho do projeto.

Sites educacionais têm públicos muito diferentes acessando o mesmo conteúdo — isso exige hierarquias muito claras.

Descreva o que você faria diferente — mostra maturidade de processo e capacidade de autocrítica.

Gostou desse projeto?

Posso criar algo estratégico para o seu negócio.

🚀 Falar comigo
← ANTERIOR

Fit For All

UX/UI · App Mobile