Lego Ventures

I built this in full while working at Series Eight, for Lego Ventures, the investment arm of the Lego Group. A WordPress site with Vue handling reactivity and GSAP driving the animation and transition layer.

Genuinely one of the most fun builds I've worked on. The brief that came with the design handover was simple: bring a playful site to life through motion. Every page has small points of interest built for the user to click and play with, not just look at.

The dot grid

On the homepage, a grid of dots responds to hover, each one depresses under the cursor and pops back up when you move away. Depress every dot at once and a casino-style animation sweeps across the grid, row by row, column by column, landing on a proper "you've won" feeling. Small mechanic, but it rewards someone for actually exploring the page rather than just scrolling idly.

Elsewhere I spent real time on graphic reveals across the site's decorative elements, and built the card carousels by hand rather than reaching for a third-party library. Nothing off the shelf felt right for how playful the design wanted to be, so I built the transitions myself.

The front-page carousel

The main carousel splits each card into a media side and a copy side, with custom wipe transitions across both as you move between slides. Building it by hand meant the timing and easing could match the rest of the site's personality exactly, rather than settling for whatever a library's default curve happened to offer.

This project's a good example of what I enjoy most: being handed a strong design and finding the flourishes that make it feel properly alive rather than just implemented. The site's no longer live, but it's staying in the portfolio. It was work I loved doing, and that's reason enough to keep it.