The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
My entry for the Contra × Squarespace challenge.
This was my first time building a website with Squarespace, and I honestly loved the experience. It was surprisingly easy to create something that feels premium without writing any code.
For this project, I explored the new Finish Layer features, including Block Animations and Block Transforms, to make the website feel more dynamic and polished.
Sharing both the final website and a behind-the-scenes video of the process.
Check it out: https://pigeon-carillon-nw53.squarespace.com/
This looks clean and well thought out. How long did it take you to bring everything together?
Thank you. It took me around 4 days to put everything together from the moodboard, design concept, preparing the assets, learning how to use Squarespace, and finally build it.
Love the Renaissance style. Good luck!
Thank you!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Hey everyone! This is my submission for the @squarespace challenge on @contra 🎨
The goal was to build a website using Squarespace's new Finish Layer tools—and, coincidentally, I was already looking for a no-code platform to build my portfolio when I discovered Squarespace.
Building this website was an amazing experience, and it's officially becoming my new portfolio website!
🔗 Website: https://bronze-helix-bxsr.squarespace.com/
Password: nelo
In the videos below, I show the homepage, the portfolio overview, and one of my branding case study pages, explaining the reasoning behind each animation decision in the website's construction.
And here are the links to my X ( Old Twitter) and LinkedIn posts.
To make the experience more engaging, I used "Block Animations" to gradually reveal content as visitors scroll, helping guide their attention instead of overwhelming them with information all at once.
I also used "Pin Blocks" on the project pages to keep the project description visible while the images scroll beside it, making the storytelling much easier to follow.
One of my favorite effects is the "Zoom" scroll animation, which adds depth and movement to key sections without distracting from the content. Throughout the site, I balanced subtle entrance animations with persistent scroll effects to create a polished browsing experience while keeping the interface clean and intuitive.
The result is a six-page portfolio with four featured projects, designed to showcase my work while creating a smooth, engaging user experience from the first scroll to the final contact section.
Hope you enjoy it as much as I enjoyed building it!
@squarespace @contra
So clean... amazing work
Hi, I'm Organ, and this is Simiyu Motors AI. I wanted to create a modern online platform that makes buying and selling vehicles easier. Using Squarespace, I turned this idea into a professional website with a clean design, organized vehicle listings, and an easy way for customers to connect with sellers. My goal was to create a trustworthy, user-friendly experience that could serve people across Kenya. This project demonstrates how a simple idea can become a polished digital experience.
Seizing 61:1 — Wix to Squarespace Redesign
Some websites don't have a clarity problem. They have a structure problem. That was the challenge with Seizing 61:1 — a BCBA-owned practice serving three completely different audiences (corporate executives, families navigating autism diagnoses, and clinicians building their careers) on a single Wix site that gave all three groups the same flat, undifferentiated experience.
The brief was to migrate to Squarespace and rebuild with intention — a cohesive design system that made each audience feel spoken to directly without fragmenting the brand.
Finish Layer was central to making the design feel alive rather than static:
Block Animations were used across the service sections to introduce content progressively on scroll — keeping the page readable without overwhelming visitors who land at different entry points depending on which audience they belong to.
Stacks handled the structural heavy lifting. Grouping and aligning multiple blocks together made it possible to build section layouts that hold their proportions and hierarchy cleanly across every screen size
Block Transforms added subtle depth to the hero and section headers — slight skews and offsets that break the grid intentionally and give the layout a polished, editorial quality without any custom code.
The result is a site that finally matches the sophistication of the work happening behind it. Three audiences. One cohesive brand. Zero confusion.
Tools used: Squarespace, Finish Layer (Block Animations, Block Transforms, Stacks:)
Live site: seizing611.com
#squarespacechallenge @squarespace
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?