Future of the Future
images
videos
![Future of the Future website homepage](https://cdn.sanity.io/images/7v5l19y7/production/6625ce1732b0752581fa0f441d33daf1ee697a25-3000x2154.jpg?w=2500&q=100)
My role
Team
Future of the Future is a series of events held by Semi Permanent and Spark Lab, featuring speakers from the likes of Airbnb, Instagram and Kickstarter. Cactuslab worked with Alt Group to build a new site for the events’ programme.
![](https://cdn.sanity.io/images/7v5l19y7/production/761955f0a58388b952d124af522a7ef33764b4e2-1500x938.jpg?w=2500&q=90)
![](https://cdn.sanity.io/images/7v5l19y7/production/092f3a32a9d02c0e436d96d3d44c533e9f3dda05-1500x938.jpg?w=2500&q=90)
![](https://cdn.sanity.io/images/7v5l19y7/production/7b44f2c0134681d9735e6920c1f8315eba61caa4-1500x938.jpg?w=2500&q=90)
The site opens with the macOS spinning wheel of doom, which grows to form the background that slowly moves around as you navigate through the site. The team had a lot of “fun” with browser performance on this one. Early explorations were causing browsers to crash and it wasn’t looking good for a while there but shoutout to Mike for sorting it out.
![](https://cdn.sanity.io/images/7v5l19y7/production/11cd9128f2be3aa4dd0f219fa5f273df6cd928f5-3000x2092.jpg?w=2500&q=90)
![](https://cdn.sanity.io/images/7v5l19y7/production/824d62870076f4e406125a5e6e6c7bad1e19fe26-3000x2092.jpg?w=2500&q=90)
Although it’s all aligned to a grid, the content appears to float over the moving background. It’s quite soothing actually - therapeutic, even. If you can tune out the noise of your computer’s fans attempting to become airborne, that is (again, browser performance is hard fun).
![](https://cdn.sanity.io/images/7v5l19y7/production/1a01123a52071dd19ec191ec1559b3b9d53316d4-3000x2092.jpg?w=2500&q=90)
![](https://cdn.sanity.io/images/7v5l19y7/production/afd311cc3ca601a5c60bdc8c209af28ab78c0d80-3000x2092.jpg?w=2500&q=90)
Since it’s single-page, we could implement page transitions, which is one of my favourite parts of the site. Under the hood there’s quite a bit of trickery going on to make this work but as they say, where there’s smoke (and mirrors), there’s 🔥🔥🔥.
![](https://cdn.sanity.io/images/7v5l19y7/production/ac7172a21a5bf2b4c53a0c302a78ac8330722b29-982x1860.jpg?w=2500&q=90)
![](https://cdn.sanity.io/images/7v5l19y7/production/e54366f7d3eea4769aa5a171a9c9ac58fc6eb46f-982x1860.jpg?w=2500&q=90)
![](https://cdn.sanity.io/images/7v5l19y7/production/18ae4784bc47c48fb488320e73e88fd7998df960-982x1860.jpg?w=2500&q=90)