The Squarespace Showcase Edit 05: Ibali Digital Marketing

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 05: Ibali Digital Marketing

In our fifth edition of The Squarespace Showcase, we’re shining a spotlight on Digital Marketing and Social Media Marketing Company, Ibali.

Founded by Lucy Trewhitt, Ibali provide “Conscious, considered, aligned and flexible marketing coaching, mentoring and consulting.” Targeting the Wellness Industry - We wanted Lucy’s approach to marketing to be reflected in her website design with a fresh, bold and modern palette with plenty of images and overlays to breakout any form of rigid structure.

Ibali’s Squarespace website objectives were:

  • Create a website which visually attracted the right audience: clients operating in the wellness space.

  • Increase amount of clients engaging with material and booking consultancy calls. 

  • Increase sales on the website


Ruby is an actual mind reader. She somehow managed to take my vision and transform it into the MOST beautiful and functional website, anticipating both my and my clients every need. A new website from Studio 77 gives you the excited feeling of trying on that new outfit you’ve been coveting for the first time. I cannot wait to work with them again on the next project!
— Lucy | Founder of Ibali

Custom Squarespace Design Features

One of the key customisations we used in this design was using CSS to overlap sections and items, with the correct code and attention to detail across desktop and mobile platforms these overlaps give the user the sensation of ‘unwrapping’ the site. This helps shine a light on one of Ibali’s goals which is to helps brands using “many layers of expertise”.

When it comes to using overlaps design is absolutely key in ensuring the message and goal of the website isn’t lost, finding the correct balance between elegant and structured.

Here are just some of the custom elements and plug-ins we added to the Squarespace website design:

  • We coded a button and hover effect that completely replaces the Squarespace standard

  • Used re-sizing and positioning to make section appear as they are stacked on top of each other.

  • Added animated banners displaying a “Call to action”

Custom Squarespace Website Stats

In total, we spent 3 weeks installing over 7 plug-ins and wrote 1000+ lines of custom CSS for this Digital Marketing custom Squarespace website.

Don’t forget about mobile!

On top of this, we also added bespoke mobile code to make sure that the 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 Design

The design intention was to make the site feel holistic, peaceful and welcoming to prospective customers who are seeking an agency who prioritise such feelings over traditionally capitalist success pillars of busyness, pushy sales and over-working.

As such, we knew the aesthetics needed to reflect the intended customer experience: calm, conscious and considered. We chose a colour palette consisting of soft, pastel shades, as well as earthy colours such as luscious, leafy greens to communicate the brands focus on holistic, natural approaches to business. We included imagery of crystals, sage and clouds to further the welcoming impression of wellness.


Let’s create a Squarespace website design that you’re proud to share…

If you're interested in transforming your Squarespace website from meh to magic, then get in touch here.


Our Happy Squarespacers

Discover some of the kind words our Squarespace website designs have received below.


Previous
Previous

How to Reduce your Page Load Time on your Website

Next
Next

Mindful Champs Adult Journal Launches In Liberty’s of London