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
I designed a Squarespace website for a performance coach. This website focuses on storytelling, rather than conversion. Since this was built for creatives, I decided to go with the concept of "Creativity in Motion”.
I wanted to create an interactive website comparable to those made with Webflow or Framer. This is where Finish Layers came in.
Stacks, block transforms, and animations make this website responsive and intuitive.
- The section labels, About section, and the service cards were built with stacks.
- Block transforms and animations (such as opacity, rotation, offset, and native scroll-bound animations) were key to creating dynamic layouts and movement.
User functionality was always top of mind during my design process. Since the content speaks directly to performance anxiety, overthinking, and creative block, it was important to keep the interface story-led but simple. Adding sufficient white space around every element avoids overwhelming the user.
I also added a few custom touches using AI-assisted workflows, such as an animation showing what creativity looks like and hover tips on images, to further align with the website's theme.
Check out the live website (Password: 2026)
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 it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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
When a film production company asks for a website without using photography, you're forced to tell the story in a completely different way. That's exactly what made designing for Mindsoup such an exciting challenge.
Mindsoup is a film production company that partners with bold artists to develop and finance films that challenge the way audiences see the world. Their productions have earned more than 80 international awards, including two Academy Award nominations.
The goal was to transform an analogue creative direction into an interactive digital experience. Instead of relying on film stills or photography, the website needed to communicate Mindsoup's identity through illustration, typography and motion while remaining clean, minimal and highly professional.
The visual language is built around a cinema auditorium, where every occupied seat represents a different story waiting to be told.
I illustrated the chairs by hand using markers and paint on acetate sheets, then recreated those overlapping layers digitally in Squarespace. As visitors scroll, the illustrations gradually unfold, creating a subtle narrative journey.
Finish Layer and other tools I used:
Layers — Recreated the physical acetate overlays digitally and became the foundation of the scrolling experience.
Block Transforms — Added subtle hover interactions to section titles.
Custom Font Uploads — Preserved the project's typographic identity.
Pin Block — Kept the central illustration anchored while the story unfolds around it.
Preview: https://pike-orca-875m.squarespace.com/
Password: mindsoup
Once live, it will be available at mindsoupfilms.com.
Thanks to the Mindsoup team for trusting me with their new digital identity—and thanks to Squarespace Circle for leading me to this challenge.
WOW!! love love love it!!
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
We’ve just wrapped up another Kajabi project! 🎉
What makes this one especially meaningful is that it's our third project with Focal Dystonia Method. For us, there's no better compliment than a client coming back with another idea and trusting us to bring it to life.
This time, we built a complete enrollment system for their new Intensive Program – from a private sales page and application form to flexible payment options, automated email sequences, and a private community, all inside Kajabi.
Long-term partnerships like this are what we value most. Each project builds on the last, allowing us to create even better solutions as our clients continue to grow.
Thank you to Ruth and the Focal Dystonia Method team for trusting us once again. Looking forward to what's next!
A long lasting releatinshop with a customer who trusts you is one of the best feelings ever! Great design tho, wish you more & better sales!
