Todos os projetos

Guia interativo de cidadania europeia

Seis fluxos interativos que mostram ao leitor se ele pode ter direito a uma cidadania europeia

Papel Projetei e construí a ferramenta inteira (autor único do repositório). Publicada pela Folha em 14 de setembro de 2025.
Período Set 2025
Resultado Publicado pela Folha em setembro de 2025, com audiência forte.
Stack
  • HTML
  • CSS
  • JavaScript (vanilla, zero dependências)
  • Embed no CMS
Publicado · Folha de S.Paulo Matéria de lançamento (Folha de S.Paulo)

Contexto

A editoria de Mundo da Folha de S.Paulo recebe sempre a mesma pergunta do leitor: se ele consegue um passaporte europeu. Depende do país e da família de cada um, e as regras mudam com frequência. Em vez de mais um texto explicativo, a Folha publicou uma ferramenta. O leitor escolhe o país (Alemanha, Espanha, França, Itália, Portugal ou Reino Unido), percorre um fluxo curto de perguntas e recebe um veredito sobre se parece cumprir os requisitos legais atuais. Entrou no ar em 14 de setembro de 2025.

Meu papel

Projetei e construí. Autor único do repositório: os fluxos de perguntas dos seis países, o texto que o leitor lê, a interface e o embed que coloca a ferramenta dentro da página de matéria da Folha.

A tecnologia é propositalmente sem graça. Seis fluxos de página única, autocontidos, em HTML, CSS e JavaScript puro. Sem framework nem build, e sem dependência nenhuma. Cada página é um arquivo só, que dá para abrir no navegador e ler de cima a baixo. Isso precisa continuar vivo dentro do CMS de um jornal por anos. Assim não tem o que atualizar, e nada quebra quando alguma ferramenta de build muda de versão.

  1. 01 Leitor dentro de uma página de matéria da Folha
  2. 02 Seletor de país seis fluxos independentes
    • DE
    • ES
    • FR
    • IT
    • PT
    • UK
  3. 03 Fluxo de perguntas perguntas de sim ou não reduzidas da lei de nacionalidade vigente, uma por vez
  4. 04 Veredito parece cumprir, ou não, os requisitos
    • o que fazer em seguida
    • recomeçar em outro país
Um arquivo HTML por fluxo sem framework, sem build, sem dependências; embutido por server-side include, com um script que devolve a altura do embed para a página da matéria
Fluxo do leitor: escolhe o país, responde a perguntas montadas a partir da lei vigente e recebe o veredito e o que fazer em seguida. Tudo é meu, dos fluxos de perguntas ao embed no CMS.

A parte difícil

Transformar as leis de nacionalidade em perguntas que qualquer leitor consegue responder foi mais difícil do que qualquer parte do código.

Cada país tem seus caminhos: descendência, residência, casamento, exigência de idioma, cada um com suas próprias exceções. Li os requisitos atuais dos seis e reduzi cada um a um punhado de perguntas de sim ou não que o leitor termina em poucos minutos. Todo caminho que eu encurtei tinha que continuar correto para quem cai nele. O resultado é escrito como “você parece cumprir os requisitos”, nunca como orientação jurídica, e todo veredito termina dizendo o que fazer na prática depois.

O segundo problema foi impedir que as seis versões se afastassem umas das outras. Elas compartilham o mesmo padrão de marcação, então incluir um país é duplicar a página e trocar texto, regras e cores. Quando um fluxo recebe uma correção, os outros recebem a mesma correção na mão. Não é elegante, mas com seis arquivos e zero dependência eu rodava um diff entre dois países e via na hora onde tinham divergido.

Depois vieram as restrições de publicação. Os fluxos entram nas páginas de matéria por server-side include. Um script pequeno devolve a altura do embed para a página que o contém, e ela se reajusta conforme o leitor avança. A tipografia vem do CDN de fontes do jornal para a ferramenta combinar com a matéria ao redor, e o layout é mobile-first.

Dois dos seis fluxos publicados (Portugal e Itália), cada um em uma página única e autocontida.Dois dos seis fluxos publicados (Portugal e Itália), cada um em uma página única e autocontida.
Dois dos seis fluxos publicados (Portugal e Itália), cada um em uma página única e autocontida.

Resultado

A Folha publicou a ferramenta na editoria de Mundo em 14 de setembro de 2025, com matéria de lançamento própria. A audiência foi forte; a página publicada está no link acima.