Spaced Out were looking for something playful, unique and flexible enough to grow as they did. I saw the project from wireframing and ideation through to development which gave me plenty of opportunity for experimentation and discovery along the way.
Kudos to the always on-point Studio Papa for the lovely branding to work with.
Visitors are greeted with an animated hero banner. Used equally for both playful tone setting and as a wayfinding device, offering a means to explore key sections of the site.
As you explore the site you are greeted with subtle animation and where possible, cheeky micro interactions. Delight isn't always the appropriate emotion for an online experience (I just want my online banking UI to work dammit) but in this instance I was hoping for a positive reaction. Where possible (and budget allowing) I've tried to create an opportunities for a smile and a nod from the visitor.
How do you feel about sound playing in websites? Autoplaying audio is a divisive element of the web and often get's a bad rap but I've come around to the opinion that ambient background sounds are more than 👌 with me. I created a classic NASA quindar tone soundscape for the site as well as easter eggs hidden throughout that trigger themed audio effects.
Pages are based around a series of modular components that can be reused across the site to create unique layouts.
I provided examples of short, medium and long form component combinations from which Spaced Out then used to created their own pages within the CMS. Some were succinct content pages, others long form reading experiences.