Squarespace

2016 - Present

Squarespace HQ

Squarespace.com

Our company website is at the intersection of many creative disciplines at Squarespace, and our Front Site team takes care of several of our online touchpoints. We work on conceptualizing, designing, developing, and testing. We produce content for almost all Squarespace pages a user sees prior to signing up and when logging in.

Homepage Redesign

At the end of 2016, we realized we wanted to start the year with a fresh homepage to reflect our new strategic positioning and product offerings (Domain first onboarding). We decided to rethink everything, including our messaging approach, site structure, and UX. We crafted both copy and visuals from scratch in just a few months. We also had to implement and QA all breakpoints in only a few weeks. The new website was overall well received by our community and prospective customers, with users mentioning how visually appealing, informative, and easy to use it was.

squarespace.com
 

New Designs in Action


Squarespace has some of the best customers in the world, including John Malkovich, Leon Bridges, Sophia Amoruso, and Roy Choi, just to name a few. All these customers have such powerful and compelling stories that we felt it would be a missed opportunity not to feature them on our homepage hero.

 
 

Expandable Sections


We featured four main selling points on our new landing page: DIY Websites, Commerce Features, Marketing Tools, and Infrastructure (All-In-One Platform). Each of those sections could be expanded in order to show all the features related to that topic.

 
 
afr_p1_squarespace_tom_photo_floating_1.jpg

Mobile


We drastically improved the user experience on mobile. Searching for a Domain on your device is now simple but powerful. The same convenience also applies to shopping for templates.

afr_p1_squarespace_tom_photo_floating_2.jpg afr_p1_squarespace_tom_photo_floating_3.jpg
 

Template Store

After listening to user feedback, we decided to add a few features to improve our Template Store. We created more effective ways to filter the designs, and also brought short descriptions of the templates into the main grid view. Users could “heart” their favorite templates and browse through them later.

squarespace.com/templates
 
afr_p1_squarespace_template_store_1.jpg
 
 

Thumbnail Videos


Template video walkthrough triggered on thumbnail hover.

 
 
 
 
 
afr_p1_squarespace_template_store_3.jpg
 

Mobile Optimized


The Template Store refresh was a simple but successful example of a redesign that takes into consideration user pain points and iterates upon their needs and feature requests.

John Malkovich Superbowl

Our Front Site team is often responsible for designing our seasonal microsites (John Malkovich, Google x Squarespace, and more). In 2017 our Super Bowl ad was focused on Domains, so the content and design of the campaign landing page was built on that. Our goal with these pages was to create excitement around our products, as well as to further inform our customers about the platform beyond the more aspirational messages our ads often convey.

squarespace.com/john

Domains


Our Super Bowl campaign microsite, apart from featuring our John Malkovich commercials, also offered details on pricing and the benefits of buying a domain through Squarespace.

 

Explorations

Squarespace is a brand that is constantly evolving, and experimentation is something heavily embedded in our DNA. Storytelling, photography, illustration, art direction, user experience, and technology are just a few areas we spend time and energy on in an effort to push our creativity even further. Below is a collection of things that didn't make the final cut, but that ultimately informed some of our design decisions.

 
 
 
 
 
afr_p1_squarespace_home_exploration_1.jpg
 
 

Commerce


This design exploration of a marketing page used assets from a single type of business (in this case, high-end pottery) as a way of creating design consistency and a shared visual language.

 
 
 
 
 
 
 

Minimal and Sleek


Here we played with shadows, created "white on white" device compositions, and showed objects on isometric angles.

 
 
 
 
 
 
 
 
 
 
 
Team

Chief Creative Officer: David Lee
Team Lead, Design: Andre Ribeiro
Design Lead: Andre do Amaral
Design Lead: Tom Sears
Designer: Chris Ramirez
Creative Developer: Christine Cha
Creative Developer: Charlton Roberts
Creative Developer: Michael Cavalea
Creative Developer: Nick Ellsworth
Creative Developer: Jonas Luebbers