The Squarespace Showcase Edit 13: Brainspark Games
Since we launched in 2017, we’ve been using Squarespace to create beautifully bespoke websites. Over the 6 years, we’ve launched countless numbers of Squarespace websites, through both our bespoke website design and build service here at Studio 77, and also through our sister company Squarebase, which sells plug-and-go Squarespace website templates.
We love using Squarespace as a platform to build our clients’ websites on because it’s easy for our clients to use to maintain their website, and it gives us plenty of freedom to do our thang (no that’s not a typo) with our advanced knowledge of Squarespace coding.
It really is a win-win situation!
The Squarespace Showcase Edit 13: Brainspark Games
In our thirteenth edition of The Squarespace Showcase, we spotlight a project for a multi-award-winning start-up gaming studio, Brainspark Games. They approached us needing a brand refresh and Squarespace website design to promote their mission of revolutionising the way children learn in every corner of the world.
Brainspark Games produces bite-size topic games and gamified GCSEs so that children can retain knowledge without spending all their time on devices, and ultimately acquire more qualifications. Therefore they needed to have a fun and appealing brand, and website that was clear and efficient in providing more information to potential subscribers, like parents and teachers.
Brainspark Games’ Squarespace website objectives were:
Showcase their diverse range of educational games that combine intricate storytelling with engaging gameplay for children.
Demonstrate and display professionally all the fantastic divisions of Brainspark to help them obtain investment.
Tell a clear and concise story of Brainspark’s journey, combining playful and corporate, to show their potential for the future.
“Thank you to the brilliantly talented team at Studio 77 and Ruby for her professionalism, transparency, ‘can do approach’ and meeting impossible deadlines!”
Custom Squarespace Design Features
With this Squarespace site, we didn’t have one definitive call to action or a singular conversion metric; the goal of the site was to tell the story of Brainspark whilst allowing for easy navigation to get to where you want to be, whether that be parents wanting to learn about their holiday camps, investors looking for credentials or children looking to download the game to play.
Here are just some of the custom elements and plug-ins we added to the Squarespace website design:
The site has a clear concise architecture to guide visitors through the material, breaking it up into digestible sections with options to tail off into other parts of the Brainspark story.
Along the journey, all the sections are uniquely designed to add different layers to the site, along with interactivity to mimic the Brainspark Games’ learning style.
We used a mixture of interactive hover elements and tasteful nods to the gaming industry to create a well-rounded site that spoke to all the potential personas of the site in the correct visual language.
Custom Squarespace Website Stats
In 4 weeks, we wrote over 3200 lines of Custom CSS and built over 20 pages.
Don’t forget about mobile!
On top of this, we also added bespoke mobile code to make sure that the Squarespace website works seamlessly on mobile and tablet, as well as desktop. When using lots of custom code, it’s important to check that the website renders perfectly on mobile, sometimes the additional code snippets can affect Squarespace’s built-in responsiveness.
Bespoke Squarespace Training
We teach all of our clients how to use and update their website with our bespoke video training at the end of the project, all of our clients say how easy it is for them to update their website after the training. (Although we do offer Squarespace maintenance packages for those who need additional help or are too busy doing all of the other business-owner stuff.)
The Squarespace Website Design
Our aim for the portfolio was to craft a design that provided ample breathing room for the images while avoiding an overly simplistic or unengaging appearance.
By combining full-width photos, subtly inset images, and strategically positioned ‘sticky’ sections, we were able to skilfully lead users along the page's narrative.
Given the portfolio's extensive visual content, we took special care to resize every image. This optimisation ensured quick site loading speeds, preserving a seamless browsing experience. Additionally, we renamed image files to incorporate keywords before uploading them to boost the site's search engine optimisation (SEO) performance.
We also know that adding a contact form alone isn’t enough to encourage people to get in touch, so we added a ‘call to action’ at the end of every project page to engage the user and encourage more enquiries.
Let’s create a Squarespace website design that you’re proud to share…
If you're interested in transforming your Squarespace website, then get in touch here.
