Hey everyone! This is my submission for the @squarespace challenge on @contra 🎨 The goal was to ...

Hey everyone! This is my submission for the @squarespace challenge on @contra 🎨 The goal was to ...Hey everyone! This is my submission for the @squarespace challenge on @contra 🎨 The goal was to ...

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

Nelson Marques

• 1d

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

squarespacechallenge squarespacewebsites Adobe Illustrator

Charlie Smith

• 15h

So clean... amazing work

Veerendra Pal

• Jul 17

Meet NEXUS STUDIO — a futuristic digital experience and AI design agency website built on Squarespace for the Make It Real Challenge! 🚀

I have customized this site to showcase next-generation design capabilities:

CORE RESEARCH & DEVELOPMENTS: Neural networks & automated design pipelines.

AI-DRIVEN CREATIVE DIRECTION: High-impact brand transformations.

FUTURE-PROOF CONSULTING: Enterprise-grade scalable web experiences.

🔗 Live Website Link: https://helicon-ranunculus-xkfy.squarespace.com

🔑 Visitor Password: Nexusstudio

Would love to hear your feedback!

#squarespacechallenge

squarespacechallenge Contra challenge Squarespace Website Design

Polina Dubenko

pro

• Jul 17

I love it! Goated

Christa Maria El Hage

• Jul 17

🔗 Website: https://hen-pike-lywm.squarespace.com 🔐 Password: NestReset2026 linkedin post link : https://www.linkedin.com/posts/christa-maria-el-hage-34901127b_squarespace-makeitreal-finishlayer-ugcPost-7483863546959884288-sOlg/?utm_source=share&utm_medium=member_ios&rcm=ACoAAEQqyakBs9q6sTNWuVY-vt7pjEQqhDaCeUk

NestReset is a modern home organization platform that helps homeowners create cleaner, more organized living spaces. The website allows users to explore organization services, book appointments online, and discover practical solutions for every area of the home, from kitchens and closets to garages and entire home resets. Designed with a clean, intuitive interface, NestReset focuses on making home organization simple, accessible, and stress-free.

I used Squarespace's Finish Layer tools to customize the website's layout, refine typography and spacing, improve visual hierarchy, and create a polished, responsive design. I also enhanced the user experience with custom sections, interactive service cards, smooth transitions, and a consistent design system across all pages.

Key Design Decisions:

Clean and intuitive navigation for easy browsing.

Service-based layout with integrated online booking.

Modern homepage showcasing featured organization services.

Consistent typography and spacing for readability.

Before-and-after gallery to demonstrate service results.

Responsive design optimized for desktop and mobile devices.

squarespacechallenge

Guoshuai Zhang

pro

• Jul 20

Nice design~

Leila Sohaing

• Jul 17

Aise is a conceptual skincare brand built around a simple premise: wellness should simplify your life, not add to it. Inspired by growing consumer overwhelm and decision fatigue, I developed a reduction-led brand strategy and visual identity that transforms minimalism into a functional system rather than a stylistic trend. Through restrained typography, intentional spacing, refined packaging, and clear product architecture, the brand is designed to reduce cognitive load and make skincare feel calm, intuitive, and effortless.

Brand Design Adobe Illustrator Adobe Photoshop Figma Brand Strategy

Maty Sandoval

max

• Jul 18

Love how restrained the packaging feels, that wordmark on the outer box doing double duty as texture is a nice touch. Did you test other color combos before landing on the pink and sage, or was that pairing there from the start?