Website do Seminário Internacional sobre Maternidades, Violências e Direitos
Um evento de três dias organizado pela REMA — Rede Transnacional de Pesquisas sobre Maternidades Destituídas, Violadas e Violentadas, com apoio do CNPq e da FAPERJ. O seminário reúne pesquisadoras, gestoras do sistema de saúde e assistência social, representantes de movimentos sociais e do terceiro setor de diferentes estados e países.
Ano: 2025 | Cliente:REMA – UFF
Contexto
O Ponto de Partida
A demanda era objetiva: uma página dentro do site já existente da REMA/UFF que concentrasse toda a informação do evento — apresentação, programação dos três dias, Grupos de Trabalho, inscrições e contato. O volume de conteúdo era considerável e, em parte, ainda estava sendo construído no momento do desenvolvimento: os GTs estavam definidos, mas a programação das mesas foi sendo finalizada ao longo do processo.
O desafio era organizar um volume denso e heterogêneo de conteúdo — três dias de programação, mesas temáticas com múltiplos participantes e instituições, GTs, inscrições e contato — em uma única página que fosse funcional e navegável para públicos com necessidades distintas, sem a possibilidade de distribuir o conteúdo em subpáginas.
Arquitetura
Âncoras de Navegação
O maior desafio do projeto foi exatamente esse: como fazer uma página longa funcionar como se fosse um site com múltiplas seções? A resposta foi um menu de navegação por âncoras, posicionado logo abaixo do banner, que leva o visitante diretamente a cada bloco de conteúdo.
Essa decisão transforma a página única em uma experiência de navegação estruturada: o visitante nunca precisa rolar a página inteira para encontrar o que quer. Ele chega pelo menu de âncoras, vai direto à seção relevante e lê o que precisa. Quem quiser o panorama completo pode rolar. Quem quiser só as inscrições, clica e vai.
- Sobre o seminário — contexto, objetivos e organização do evento
- Programação — os três dias em abas separadas (24, 25 e 26/09), cada uma com manhã e tarde
- Grupos de Trabalho — listagem e informações de cada GT
- Inscrições — chamada e acesso ao formulário
- Contato — canal direto com a organização
Programação
Abas por dia
A programação de três dias foi o bloco de conteúdo mais complexo. Cada dia tinha: sessão de GTs pela manhã, mesas temáticas à tarde com múltiplos participantes, debatedoras, mediadoras e atividades específicas — como exibição de documentário, dinâmica de cuidado e roda de conversa.
A solução foi organizar os três dias em abas interativas (24/09, 25/09, 26/09) dentro do bloco de programação. Isso resolve dois problemas ao mesmo tempo: evita que o visitante precise rolar uma coluna interminável de horários, e deixa claro que o evento tem dias distintos com lógicas próprias.
Dentro de cada aba, a estrutura é consistente: bloco de manhã, bloco de tarde, com horários em destaque e hierarquia clara entre título da mesa, participantes, debatedoras e mediação.
Conteúdo
Construção Durante o Desenvolvimento
Um aspecto prático desse projeto foi que a programação não estava totalmente definida no início. Os Grupos de Trabalho já existiam, mas as mesas temáticas, os nomes dos participantes e as instituições foram sendo confirmados ao longo do desenvolvimento.
Isso exigiu uma abordagem de construção incremental: arquitetar a página com a estrutura definitiva desde o início, mesmo com os conteúdos ainda incompletos, para que a inserção de novas informações não exigisse retrabalho de layout. A página foi entregue completa, sem atualizações posteriores.
Consistência
Implementação dentro do Site Existente da REMA
A página foi construída dentro do WordPress já existente da REMA/UFF, usando o Divi Builder. O trabalho aqui não envolveu criação de identidade visual — a arte do banner foi fornecida pela equipe da REMA, e a página precisava dialogar com o estilo visual já estabelecido do site institucional.
Os principais pontos de atenção na implementação:
- Consistência com o site existente: tipografia, espaçamentos e estrutura de títulos alinhados ao restante do site da REMA, sem criar uma página que parecesse um elemento externo
- Componente de abas no Divi: implementação do toggle de programação por dia de forma intuitiva e responsiva
- Hierarquia tipográfica para conteúdo denso: títulos de mesa, nomes de participantes com instituições, funções (debatedora, mediação) — cada nível com seu próprio peso visual
Estrutura modular: cada bloco de conteúdo construído de forma independente para facilitar a inserção incremental da programação
Resultado
Página única navegável
a combinação de menu de âncoras e abas de programação resolveu o problema de volume sem multiplicar páginas ou criar atrito de navegação.
Arquitetura flexível
a estrutura modular aguentou a inserção incremental da programação ao longo do desenvolvimento sem exigir retrabalho de layout.
Integração coesa com o site existente
a página do seminário dialoga visualmente com o restante do site da REMA sem parecer um elemento externo ou genérico.
