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
One of my favorite landing pages since becoming a Squarespace Circle member in 2024, this project uses Squarespace’s new “Finish Layer” tools to create an engaging, exploratory user-experience.
My client, the lovely Heidi of Wild Belly, is a somatic coach for new mothers. One of the challenges we faced in her website strategy was her lack of professional photography. Turns out, this was actually an opportunity to get personal — and Squarespace's Block Animations helped us bring this core design element to life!
Tender family photos were first given a nostalgic treatment, then set to lift, jump, & grow on hover as if you’re thumbing through them yourself. This extra animation feels so intentional, especially considering that noticing physical stimuli is the very basis of Heidi's somatic work.
The new moms Heidi works with are hyper-aware they're creating memories at every step of their parenting journey, so providing visual cues that demonstrate this desire in real time was a huge win! The Finish Layer tools help us tell this story in new and engaging ways, while supporting the narrative arc at play in our webcopy (the place I start in all my projects).
What at first felt like 'lack' ended up being the unifying element behind this brand, and Squarespace's Finish Layer tools made implementation all the more successful.
Check it out for yourself! www.wildbellypdx.com
Thats really cool with smooth and peaceful feeling design along with a great purpose!
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
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?
Related posts
D'art Chocolate — Creating a More Delightful Chocolate Shopping Experience 🍫✨
The concept: reimagine the premium digital shopping experience for a local Vietnamese chocolate brand by turning product discovery into an enjoyable journey. The goal was to help customers easily discover the perfect chocolate product while showcasing the craftsmanship and story behind every handcrafted creation.
🚀 Bringing the vision to life: I redesigned D'art Chocolate's website to present its handcrafted chocolates more visually and intuitively. Instead of browsing through static collections, customers can explore products based on the moments they're celebrating or the flavors they love—creating a shopping journey that feels natural, inspiring, and enjoyable.
🛠️ Built with Squarespace + Finish Layer
Used Finish Layer capabilities to bring the chocolate experience to life. Created a dynamic product interaction where chocolates gently float and transition into the gift box
Block Animations — Added subtle motion and hover interactions to create a refined, engaging browsing experience without distracting from the products.
Mobile Experience — Instead of simply scaling down the desktop version, the mobile experience was carefully redesigned with optimized spacing, content flow, and interactions to create a seamless shopping journey across screen sizes.
Rather than simply displaying products, this website, through thoughtful layouts, intuitive navigation, and engaging interactions, guides visitors from discovery to purchase.
🎨 Tools: Squarespace · Finish Layer · Figma · Gemini
🔗 Live Demo: dart-chocolate.squarespace
Password: 123
Built Atelier Real for the #SquarespaceChallenge — a brand studio site that makes ideas real with Finish Layer (fonts, transforms, animations, stacks). No custom code.
@squarespace
Site: https://onion-guitar-k9n2.squarespace.com (password: 12345678)
I love the black and this color of yelloe with minimalist design and great font choices along with thin lines. My onlu auggestion is to implement the color yellow at details and especially on the hero section a little bit more. Great design!
🏋️ PeakForm — Squarespace Make It Real Challenge Submission
🔗 Website: https://goose-flatworm-ert4.squarespace.com/
🔐 Password: kkkk2222
LinkedIn Post: https://www.linkedin.com/posts/shahriar-jubayer-eshat_squarespace-makeitreal-finishlayer-activity-7485664224916983808-JSIZ?utm_source=share&utm_medium=member_desktop&rcm=ACoAAEDPPUoBG3z4KcnKOMmrzFQ8nGtdxnlrDFA
PeakForm is a modern gym and fitness membership platform designed to inspire people to build healthier lifestyles through an engaging and conversion-focused digital experience. The website allows visitors to explore membership options, discover fitness classes, schedule a gym tour, shop premium fitness merchandise, and connect with certified trainers—all within a clean, intuitive interface that encourages action.
Using Squarespace's Finish Layer tools, I refined the overall layout, improved typography and spacing, strengthened the visual hierarchy, and created a polished, responsive experience across every device. I also incorporated custom content sections, bold full-width imagery, strategic calls-to-action, and a consistent design system to deliver a premium fitness brand experience from the first interaction to the final conversion.
Key Design Decisions:
★ Full-screen hero section with a bold, motivational message and clear call-to-action.
★ Clean, intuitive navigation for a seamless browsing experience.
★ Conversion-focused landing page highlighting memberships, amenities, classes, and personal training.
★ Dedicated fitness class schedule with instructor profiles and detailed program information.
★ Built-in gym tour booking form to encourage new member sign-ups.
★ Integrated online shop featuring branded fitness apparel and accessories.
★ Balanced typography, spacing, and visual hierarchy for maximum readability.
★ High-impact fitness imagery that reinforces the brand's energy and professionalism.
★ Fully responsive design optimized for desktop, tablet, and mobile devices.
This project demonstrates how Squarespace can be transformed into a premium fitness and membership platform through thoughtful UX, modern visual design, and strategic conversion-focused layouts. It showcases the flexibility of the platform for gyms, fitness studios, and wellness brands looking to establish a strong online presence while driving memberships and product sales.