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
For the Make It Real Challenge, I'm submitting The Evolution of Flight. A cinematic, scroll-driven storytelling experience that follows humanity's journey in modern aviation.
Live site (best experienced on desktop):
https://deer-seal-2gj9.squarespace.com/
Password: flight
Social media post: https://x.com/juxtarjames/status/2080529837257597050?s=20
The project was designed in Figma and brought to life entirely in Squarespace using the new Finish Layer tools. I transformed a simple timeline into an immersive narrative where each scroll reveals a new chapter in the history of flight through purposeful motion, cinematic visuals, and custom typography.
How I used Finish Layer:
1. Block Animations
Every milestone is progressively revealed as visitors scroll, creating a sense of discovery and guiding attention through the story.
2. Block Transforms
Transforms were used to create dynamic compositions, layering, and depth that make each era feel distinct while maintaining a seamless visual flow.
3. Font Uploads
Custom typography reinforces the cinematic identity of the project and helps establish a strong visual hierarchy throughout the experience.
4. Stacks
Stacks made it possible to build responsive, layered layouts that remain consistent across screen sizes while preserving the storytelling experience.
Additional tools:
Designed in Figma
Image and video assets from Envato Elements
Built in Squarespace
Assets optimized using Squish for performance
Live site (best experienced on desktop):
https://deer-seal-2gj9.squarespace.com/
Password: flight
@squarespace #SquarespaceChallenge
Really enjoyed this one. The scroll makes the timeline feel like a journey instead of just a list of dates, and the visuals give each era its own atmosphere. The whole experience feels very polished and cinematic. Great work! Good luck.
Joyfull and incredible design with an artistic approach, good work!
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
🏋️ 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.
Thank you very much for being here is the participator here is my creative project. https://blue-plums-xbpe.squarespace.com/
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
