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

🏋️ 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.