The Squarespace Showcase Edit 11: Do it Now Now
Since we launched in 2017, we’ve been using Squarespace to create beautifully bespoke websites. Over the 5 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 sell 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 11: Do it Now Now
In our eleventh edition of The Squarespace Showcase, we spotlight the London-based open-innovation organisation that supports others to create social impact in Black communities around the world through financial inclusion, entrepreneurship and employment.
They asked us at Studio 77 to create a new website that allows the user to be guided through the variety of work this great organisation does with ease.
Do it Now Now is the umbrella initiative for the charity's six initiatives tackling inequality and empowering Black people in every sector.
Do it Now Now’s Squarespace website objectives were:
Design a website that had consistent branding and messaging for the leading charity and incorporated all the great content that the six initiatives offer.
Inform people through stories and blogs about all the fantastic work the charity does to impact change, driving people towards signing up for newsletters and boosting outreach.
Create a more friendly and welcoming site that draws people in.
“Ruby and her team are always so helpful in helping us constantly evolve our site as we grow. It’s a pleasure to work with them and would definitely recommend.”
Custom Squarespace Design Features
There are many ways to interact with Do it Now Now, so the most significant goals were to funnel visitors to where they needed to go with ease and encourage people to read stories and blogs to boost outreach.
Here are just some of the custom elements and plug-ins we added to the Squarespace website design:
We created branded illustrations and SVG icons that we coded in CSS to add to lists making it easier to read locations and opening hours of sites.
Added custom CSS to list sections to clearly display help within the community and to easily add additional local charities.
Custom CSS code to create a selection-based function to guide the visitor through the initiatives and give details on what the initiatives do with a ‘call to action’ button.
Custom Squarespace Website Stats
In 4 weeks we wrote over 2500 lines of custom CSS code and built fifteen custom 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
To ensure critical information is always accessible, these items have been added in the header so they can be seen at all times. Featuring throughout the pages are also various ‘call to actions’ that guide visitors to where they may want to go.
The use of circles on this website is to represent inclusivity and welcome. These circles are used to draw focus to headings and specific ‘call to actions’, and they’re also mirrored in the rounded buttons and borders.
We have used primarily monochromatic colours with a pop of orange to draw attention to critical areas.
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.
