Curriki AI Grants.

O desafio.

A Curriki é uma organização de educação sem fins lucrativos (501(c)(3)). O site Curriki AI Grants financia ferramentas de IA para escolas e publica cursos gratuitos de IA e avaliações independentes de software, para que os educadores escolham ferramentas com confiança.

O site precisava de um layout consistente e com a marca para cada review, que os editores pudessem preencher sem escrever HTML, de vídeo que funcionasse em qualquer aparelho, de uma linguagem visual com movimento em todas as páginas e de um caminho seguro do servidor de desenvolvimento até a produção.

A solução.

Criei dois plugins sob medida. O primeiro é um sistema de reviews: os editores preenchem campos estruturados na tela do post e o plugin monta o layout da marca com o logo da ferramenta, galeria de capturas de tela, vídeo, seções de texto flexíveis, pontos fortes e limitações, veredito e um bloco "mais reviews". As seções se reordenam por arrastar e soltar, a categoria vem de um menu e o shortcode [curriki_reviews_grid] alimenta as listas da Home e de Reviews. O segundo, o Curriki Motion, adiciona entrada dos blocos ao rolar, cascata no topo, números que contam, parallax e efeitos de hover em cerca de 6 KB de JavaScript puro, e respeita a opção de reduzir movimento.

O vídeo foi a parte mais difícil. O YouTube falhava com o Erro 153 por causa de uma política de referrer restritiva, e corrigi isso na própria página. No iPhone, o primeiro toque só mostrava a miniatura, então um player real do YouTube fica invisível sobre a miniatura personalizada e o primeiro toque passa a ser um gesto verdadeiro dentro do player, que é o que o iOS exige. O mesmo padrão vale para o vídeo de apresentação da Home, o modal da AI Courses e um Short vertical na página We Believe.

Também montei no Elementor as páginas Home, AI Courses, We Believe, Parceiros Aprovados e Reviews, mais uma página 404 personalizada e o rodapé, conferi cada review com o conteúdo no ar e limpei o front end e o banco. As mudanças foram feitas primeiro numa cópia local em Docker e levadas por SSH, com scripts do wp-cli que guardam a página antes de alterar e se recusam a rodar se ela não estiver no estado esperado. Também preparei a migração para a AWS, com um checklist de troca de domínio, URLs do Elementor, e-mail, visibilidade em buscadores e licenças.