The memory that inspired us

If you grew up in the 90s, you remember: tearing open a snack bag to find a holographic Tazo. Collecting bottle caps to trade for little gelatin figures. Running to the newsstand to buy a pack of stickers and discovering if you finally got the rare one.

It wasn’t just about the object. It was the anticipation before opening. The surprise of what was inside. Trading with your friend at recess. The album spread across the living room table while the whole family helped stick the cards in. These were rituals that turned products into memories — and memories into affection.

When Editora Pixel brought us the Enaldinho World Cup project — 10 books, 23 collectible Bobbleheads from 19 national teams — we understood immediately: this collection is the Tazo of a new generation.

The challenge

It wasn’t about building a website. It was about translating into digital that same emotion we felt as kids. The anxiety of opening the pack. The joy of finding the rare one. The urge to show everyone.

Enaldinho already had 45 million YouTube subscribers. Kids already knew him. What was missing was giving the collection a home — a place where the universe would come alive and families could participate together.

The thrill of discovery

We created a wheel where each kid discovers which Bobblehead is theirs. It’s not about winning a prize. It’s about recreating digitally that butterflies-in-your-stomach feeling of opening a pack without knowing what’s inside — the same sensation that made us run to the newsstand in the 90s.

Every day, a new chance to spin. A new team to discover. A new reason for the kid to come back and say “mom, look which one I got today!” Because collecting was never about having everything — it’s about the journey to completing the set.

Every kid deserves to collect

Accessibility isn’t a checklist item. It’s the certainty that every child, regardless of how they access the internet, will be able to explore the collection, spin the wheel and experience the same emotion. We built the site thinking about each child’s journey into this universe — because if one was left out, we would have failed.

The technology that disappears

The best technology is the one kids don’t notice. The site loads instantly because kids don’t wait. Images are lightweight because no Bobblehead can freeze halfway through loading. Every technical detail exists for one single reason: so nothing gets in the way of the magic.

On desktop, light effects and particles bring Enaldinho’s universe to life. On mobile, we redesigned everything for vertical space — because most kids access through their parents’ phones, and the experience needs to be flawless there too.

When the family decides, the path is short

Parents buy. But they buy when they trust. So we made the purchase path as transparent as possible — no middlemen, no friction, straight to partner retailers. The button is always there, but never intrusive. Because respecting the visitor’s time is also part of the experience.

The sound before the game

If you’ve ever played FIFA, you know: the match starts before the whistle. It starts on that squad selection screen, with the soundtrack building as you pick your players. The anticipation is already part of the experience.

We wanted that for the site. When you enter, the penalty whistle blows — and the background track kicks in without pause, as if the game had already started. It’s the sonic identity of the Enaldinho World Cup universe: a layer of immersion that turns a visit into a lived experience.

And we did it with a single 1.3MB file. No audio libraries, no heavy players, no extra loading time. The site kept a 98 Lighthouse score after adding sound — because sonic identity doesn’t have to cost performance.

What we built

A digital universe for a collection that brings back the best of our childhood: the thrill of collecting, the joy of completing and the memory of doing it as a family. If we managed to make a kid tug their mom’s arm and say “come see!” — then we did our job.

---

Data for nerds

For those who want to know what runs beneath the magic.

Stack

• Astro (SSG) — zero framework JavaScript in the final bundle
• Semantic HTML + pure CSS for animations
• Optimized images in WebP with lazy loading

Performance

• 0 Cumulative Layout Shift — nothing jumps on screen
• 0KB of framework JS delivered to the browser
• 480ms build time for the entire site (3 pages)
• All images compressed in WebP, served at exact size

Accessibility

• WCAG AA compliance
• Full keyboard navigation
• Validated contrasts on all interactive elements
• Descriptive alt texts on all images
• Semantic structure with landmarks and hierarchical headings

Sonic Identity

• Single 1.3MB file (penalty + ambient track concatenated via ffmpeg)
• Entry splash screen as autoplay trigger (no browser hacks)
• Smart loop: intro plays once, ambient track repeats without gap
• Persistent mute button (localStorage) — control always belongs to the visitor
• Zero audio dependencies — native browser API, no libraries

Features

• Immersive hero with particle and light ray effects (desktop)
• Responsive layout redesigned for mobile (not shrunk — rethought)
• Showcase of 23 Bobbleheads with rarity system (Legendary, Gold, Silver, Bronze)
• Interactive wheel with daily reset and real discount coupon
• Catalog of 10 books with availability status
• Immersive sonic identity with entry splash and ambient track
• Contextual CTAs with direct links to partner retailers
• Fixed header with permanent purchase access
• Contact form

Compatibility

• Chrome, Firefox, Safari, Edge
• iOS Safari, Chrome Android
• Responsive from 320px to 2560px

100% Open Source

• From framework to deploy, the entire stack is built with open technology
• Astro, HTML, CSS, JavaScript — no proprietary platform dependency
• Image processing and generation with open AI models (Flux)
• File management and collaboration via Nextcloud
• No vendor lock-in. The code belongs to the client, runs anywhere