Site da Feira de Ciências do InEAC

O site foi estruturado para funcionar como uma central unificada e intuitiva para o gerenciamento de inscrições, distribuição de materiais didáticos e exibição das etapas do projeto.

Ano: 2026 | Cliente: INCT/InEAC – UFF 

Contexto

O Ponto de Partida

A plataforma Conflitos e Diálogos na Escola é um espaço mantido pelo INCT/InEAC (UFF) para debater a administração de conflitos no cotidiano escolar. 

O grande desafio técnico deste projeto de redesign foi transformar o denso edital de convocação da IV Feira de Ciências Simoni Lahud Guedes em uma Landing Page institucional de alta conversão, capaz de dialogar tanto com o ambiente acadêmico universitário quanto com professores e estudantes da rede pública de ensino do Rio de Janeiro.

Desafio

Como o portal opera sob o ecossistema e o subdomínio oficial da Universidade Federal Fluminense, a interface precisou equilibrar o rigor da marca institucional com a leveza de um projeto voltado para a educação básica:

  • Consistência de Marca: o cabeçalho e os elementos visuais foram desenhados em perfeita harmonia com  a identidade que o evento carrega desde o surgimento, aplicando balões em tons de azul, verde, vermelho e amarelo para criar pontos de interesse.
 
  • Maximização do Respiro Visual (UI): Uso de fundos predominantemente limpos e contraste marcado. Isso garantiu que o conteúdo e as informações pudessem ser consultados sem causar fadiga cognitiva no usuário.
 
  • Componentes de Ação (CTAs): Botões e links de inscrições foram destacados de forma cirúrgica na interface, separando visualmente os fluxos para quem deseja submeter projetos ou acessar materiais de apoio.

UX

A jornada do usuário foi milimetricamente planejada para que docentes e alunos montassem suas equipes e enviassem seus trabalhos sem enfrentar atritos técnicos ou burocráticos:

  • Segmentação Criteriosa de Público: Criação de seções modulares e limpas que explicam de forma imediata quem pode participar, a composição exigida para as equipes e a flexibilidade aceitas, eliminando dúvidas comuns logo no primeiro quadrante da página.
 
  • Hub de Documentos e Downloads Descomplicado: Organização de uma área dedicada para baixar arquivos essenciais. O site separa de forma organizada os links para os formulários de inscrição de projetos e os termos de autorização de imagem e voz em formatos editáveis (Word) e prontos (PDF).
 
  • Cronograma em Linha do Tempo (Timeline): Substituição de tabelas confusas por uma linha do tempo vertical interativa. O usuário consegue rastrear visualmente todas as etapas subsequentes: as oficinas de letramento midiático e audiovisual, as rodas de conversa e a culminância do evento com a entrega dos podcasts estudantis.

Tipografia

Sabendo que uma parcela significativa de professores e estudantes da rede pública acessa a plataforma via conexões móveis, o site foi desenvolvido com foco total em otimização de performance e responsividade. 

A estrutura de blocos e downloads adapta-se com precisão a ecrãs de smartphones, garantindo tempos de carregamento extremamente baixos e navegação fluida mesmo em redes de dados limitadas.

Resultado

Simplificação da Jornada do Usuário

Converteu um edital burocrático e extenso em uma jornada digital atrativa, clara e com fluxos de navegação sem barreiras.

Centralização Eficiente

Reduziu o volume de suporte manual ao centralizar de forma organizada todas as ferramentas de apoio, cronogramas e arquivos necessários para a participação das escolas.

Sistematização de Dados

Consolidou a presença digital do projeto, provando que o design de portais educacionais públicos pode aliar o peso normativo da universidade a uma interface moderna, ágil e acessível.