// Barlow & Co. (for Buckland Group)

Squarespace implementation for a family office

The agency's designs built faithfully on Squarespace, including an animated hover-to-reveal portfolio on the Our Companies page.

Visit the live sitebucklandgroup.co.uk

// summary

A family office investing in private businesses and sustainable development. Implemented the agency's designs on Squarespace, with custom JavaScript for the animated portfolio logos on the Our Companies page, interactive hover effects, and full responsive optimisation.

bucklandgroup.co.uk, scrolled from the top

visit bucklandgroup.co.uk ↗

What the site is

Buckland is a family office investing in private businesses and sustainable development, with interests in manufacturing, rail, renewable energy and construction. The site sets out their long-term, patient approach to capital investment and introduces the team and the portfolio companies.

What I built

Barlow & Co provided the branding, the design assets and a wireframe; my job was to realise them on Squarespace, which the client had specified. I was new to Squarespace at the time, and that didn’t slow the delivery. The build included custom JavaScript for the Our Companies page (animated portfolio logos with interactive hover effects), responsive design optimisation for mobile and tablet, domain configuration, bio revisions, news article management and custom HTML footer work.

The Our Companies grid: nine portfolio company logos set over photographs of rail, manufacturing and energy sites.

Nine portfolio companies, one grid, the agency artwork as drawn.

A note on Squarespace

Squarespace is even more limiting than WordPress. The hover-over portfolio logos (logo on screen, hover reveals the company’s info) needed custom JavaScript straight away, and that ate development time. The same feature would have been easier in WordPress, and far quicker still on the Astro and Cloudflare stack I build on now. I can build on Squarespace when it’s what the client specifies, as here, but I generally advise against it.

The same grid with the Arrow tile hovered: its logo has given way to the company description and a Learn More button while the tiles around it are unchanged.