Lightbox Anything Plugin

For Hare Brained Design Studio we created this Pet Dress Up page with the Lightbox Anything Plugin and custom CSS. It’s our small love letter to this new phase in our career, and the visitors to our site, because we still think visiting websites should be fun!

Carousel Block + Custom CSS

Using custom CSS and the native Squarespace carousel block, we achieved this feature which helps to emphasize the collaborative nature of the work, as it literally allows visitors to drag others into the spotlight, both on the home page & the about page.

Gallery Block + Custom CSS

The slideshow with numbers & caption designkeeps the aesthetic of the page simple and direct, while making time on the site an interactive process for visitors as they are given the option to click through the needed information as it is presented to them. This section is a native Squarespace gallery block customized with CSS to allow for ease of updating post handoff.

List Section + Custom CSS

Using custom CSS, we elevated design of the native Squarespace list section to create a section used again and again throughout the website. The repeated use helps to keep the aesthetic and interactive experience of the site cohesive throughout, so visitors know what to expect on any given page. The functionality of the side tabs allows visitors to interact with what is on the page without over-complicating the experience.

Summary Block + Custom CSS

Using Custom CSS and the native Squarespace summary block, we designed team summary tabs designed to look like folder tabs to go along with the playful, school supply design throughout the rest of The Learning Loop website.

The functionality has intuitive visual clues (shadows, a click mouse, etc.) to guide users through what actions they are supposed to take if they want to interact with the section, rather than continue scrolling.

Universal Filter Plugin + Custom CSS

With such a wide variety of offerings we decided to use the Universal Filter Plugin to installa menu where site visitors can choose to narrow down the service info available to them based demographic served or service desired.

This helped to provide an interactive way for site visitors to get to know The Learning Loop’s expertise & robust support options without excessive visual clutter or overwhelm.

Accordion Block

Having this section directly “below the fold” helps to immediately establish trust, credibility, and expertise, as well as shows what sets The Learning Loop apart. We’ve designed it as a “carousel” to encourage site users to be intentionally interactive with the Approach section, rather than having it as a section that is scanned and scrolled by.