Quem colecionou sabe

Tinha um ritual. Você abria o pacote, olhava rápido, e antes de qualquer coisa checava: já tenho esse?

Tazo, Gogo’s, figurinha de Copa. O prazer nunca esteve no item sozinho — estava na lacuna. Na coleção incompleta, no que faltava, na troca no recreio.

A Editora Pixel constrói exatamente isso com o Enaldinho. Só que o universo cresceu: livros de atividades, cards com raridade, álbum ilustrado, Gogo’s Crazy Bones licenciados, a coleção da Copa, os Elo Monsters Evolution. Cada lançamento com sua própria comunicação, seu próprio post, seu próprio espaço.

E nenhum lugar onde tudo isso existisse junto.

O desafio

Um portal permanente que reunisse todas as linhas do Enaldinho — não para o próximo lançamento, mas para todos os próximos.

O problema não era técnico. Era de forma. Um menu com sete itens transforma um universo em índice de site institucional. E índice não dá vontade de explorar.

Havia ainda uma restrição real: o público é criança e pré-adolescente, que chega principalmente pelo celular, vindo de um vídeo. Não existe paciência para carregamento, nem para navegação que exija entender uma estrutura antes de ver alguma coisa.

Precisávamos de uma mecânica que fizesse a criança querer continuar. Não um mapa do site.

A descida

A home virou um mergulho. O “E” da assinatura do Enaldinho é o veículo, fixo no centro da tela, e o universo passa em volta enquanto você desce.

Cada linha é uma profundidade. A rota aparece no canto — 01/06 SUPERFÍCIE, 04/06 UNIVERSOS — como instrumento de bordo. O endereço do navegador muda junto, então cada linha tem link próprio e pode ser compartilhada.

A criança não navega. Ela desce. E descer tem uma direção, um fundo e a promessa de que tem mais coisa embaixo.

Duas propostas anteriores foram para o lixo antes desta. A direção travou quando paramos de tentar organizar e começamos a tratar o catálogo como território.

O som precisa de permissão

Trilha sonora no site parecia decisão resolvida — até não tocar em navegador nenhum.

Não era bug de arquivo nem de código. Navegador moderno só libera áudio depois de um gesto deliberado, e rolar a tela não conta como gesto.

A solução virou parte da identidade: um portão de entrada. Este site tem trilha sonora. Entrar com som ou sem som. Um clique, uma escolha respeitada, áudio destravado em qualquer navegador.

O que parecia obstáculo técnico virou a primeira decisão que a criança toma no site.

Cada peça no lugar certo

Nada flutua. Essa foi a regra depois de olharmos referência por referência.

Produto real entra sangrando pela borda ou dentro de bloco de cor com moldura — nunca recortado boiando sobre fundo. Vermelho #FF0000 da marca como cor dominante, preto como tinta, zero cinza intermediário.

As 40 evoluções abrem ao clique com a descrição que está no miolo do livro. Os 23 produtos carregam ISBN e preço. A linha da Copa herda a identidade do site anterior — campo, bordas de troféu, banner próprio para celular.

Conteúdo oficial, não texto de agência: a narrativa de cada linha veio do copy da editora, e cada imagem tem procedência registrada.

O que construímos

Um portal com sete linhas, rota sincronizada ao scroll, trilha que permeia a descida inteira e 155 arquivos de mídia tratados um a um.

Não é uma campanha que acaba. É a casa onde os próximos lançamentos vão morar.

A coleção nunca está completa. É esse o ponto.

---

Dados para nerds

Stack

• Astro 5 + Tailwind CSS 4
• Roteamento por hash sincronizado à posição de scroll, com link direto por linha
• Carrossel helicoidal com veículo fixo e cenário em movimento
• Deploy na Vercel, publicação automática por push

Escala do projeto

• 7 linhas de produto com página própria
• 23 produtos com ISBN e preço
• 40 evoluções distribuídas em 8 famílias elementais
• ~4.900 linhas de código
• 155 arquivos de mídia tratados

Áudio

• Portão de entrada como gesto único de destravamento (política de autoplay de todos os navegadores modernos)
• Estado de som persistido entre linhas
• Erro de áudio reportado na interface, não silenciado no console
• Sonda objetiva de RMS na saída para validar que o som realmente toca

Identidade

• Vermelho oficial #FF0000, amostrado do arquivo-fonte do logotipo
• Logotipo vetorial oficial, sem recriação tipográfica
• Regra de composição: nenhum elemento recortado flutuando sobre fundo neutro
• Biblioteca de referências versionada no repositório, com tokens e do’s/don’ts por referência

Procedência e direitos

• Trilha licenciada (Envato Elements)
• Fotografias oficiais com crédito obrigatório a Washington Possato
• Origem de cada asset registrada em arquivo de procedência no repositório