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
B2 Photography was reimagined in Squarespace to reposition Jakob’s brand with a clearer offering, stronger visual identity, and an improved user experience. Jakob’s brief was to create a website that felt dynamic and interactive without overwhelming the visitor. A careful balance organised chaos. Every design decision was made to let the photography take centre stage while making it easier for potential clients to understand the services and get in touch.
Built with Squarespace, Finish Layer and Uploaded Fonts.
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
The Design Oracle is Live ✨ | Squarespace Make It Real Challenge
Ever wondered if that "final_FINAL_v4" file is actually the last one? Or if the client will ask to make the logo just a little bit bigger? Let the cards decide. 🔮
I’m thrilled to unveil The Design Oracle (or Design Arcana)—an interactive, mystical tarot experience created specifically for freelancers and designers to reveal the fate of their current projects.
This is my official submission for the Squarespace Make It Real Challenge. My goal was to completely break away from standard grid layouts and see how far I could push the creative boundaries using the new Finish Layer tools.
Here is how the magic works behind the scenes (without a single line of custom code):
Z-Axis & Overlapping: Used Fluid Engine to scatter the cards and floating stickers across the canvas, creating depth and a true "spread" feel.
Hover Reveals: Leveraged native image swap effects so users can organically "draw" a card just by exploring the screen.
Mobile Overrides: Rebuilt the entire chaotic desktop spread into a sleek, functional vertical stack for perfect mobile UX.
After over a decade in UI/UX and brand design, I still believe the best projects start with pure creativity before locking into rigid systems. This was incredibly fun to build.
Will you pull "The Golden Client" or "The Wheel of Feedback"?
Take a deep breath, align your pixels, and draw your card here:
https://round-herring-m73p.squarespace.
Password: contrathebest
I'd love to hear which destiny you got in the comments! 👇
Awesome work🔥👏👏
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?
I'm excited to share my submission for the Contra × Squarespace – Make It Real Challenge.
For this project, I created The Void, a concept website for an AI-powered game art studio focused on remastering characters, environments, and worlds for modern hardware.
My goal wasn't just to create something visually impressive. It was to prove what's possible when every design decision has a purpose.
The entire website was built 100% inside Squarespace using its native tools and the new Finish Layer features, without a single line of custom CSS or JavaScript.
Throughout the site, I leaned heavily into:
•Responsive Stacks for complex layouts
•Block Transforms to create layered, asymmetrical compositions
•Scroll, hover, cursor-follow, and appear animations to guide the user through the experience
•Purposeful motion that enhances storytelling instead of distracting from it
One philosophy drove every decision:
Wow with intent.
Every animation, transition, and interaction exists to support the content, strengthen the brand, and improve the user experience, not simply because it looks cool.
I'm incredibly proud of what can be accomplished using Squarespace's native design tools alone, and I hope this project inspires other designers to explore just how powerful the platform has become.
A huge thank you to Squarespace, Contra, and everyone who helped make this challenge possible.
🌐 Live Website:
https://thevoidstudioai.com
📹 Full Video Breaking Down How I build the site.
https://www.loom.com/share/11d0a6456ea8430680d43d33bc84bfe2
Low-Code/No-Code DevelopmentSquarespace DevelopmentWebstudio DevelopmentChatGPTMidjourneySquarespacesquarespacechallenge
