WEBSITE SHOWCASE

A walkthrough of our community’s most cherished design projects and the thought process behind them to inspire your next website build. Beautiful examples of Squarespace and Shopify websites and how we can creatively design them.

GRID
LIST

(CLOSE)

Squarestylist Support 8/22/25 Squarestylist Support 8/22/25

Haley Withers

by Haley Withers
Squarespace

HALEYWITHERS.COM
by Haley Withers

Made with Standout Squarespace

haleywithers.com

Designer Haley Withers
Platform Squarespace
ProjecT TYPE Personal website
Category Portfolio, Brand Info

Team
Web Designer and Developer / Haley Withers

STANDOUT TECHNIQUES USED

My favourite standout techniques used in this build are Sticky Sections, Flexbox, Image on Hover, Stacked List Cards and Typewriter Text. All of these techniques elevated the project and gave it the clean, editorial feel that I was going for. Flexbox is a favourite technique to position elements while sticky sections, typewriter text and image on hover added fun, interactive and unexpected elements to the build.

CLIENT TESTIMONIALS

“I am more trusting of the creative spark within myself now that I've had Haley's support in bringing it to life. I am incredibly proud of the product we've built together and confident as a business owner to present something to the world that is so aligned and true to my soul. I will treasure our time together forever.”

Brianna, Lucy on Earth Founder

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 8/22/25 Squarestylist Support 8/22/25

Kristen Esi Template

by Heather Mudry
Squarespace

ESI-TEMPLATE.SQUARESPACE.COM
by Heather Mudry

Made with Standout Squarespace

ESI-TEMPLATE.SQUARESPACE.COM

Designer Heather Mudry
Platform Squarespace
ProjecT TYPE Template (For sale)
Category Portfolio, E-Commerce

Team
Web Designer and Developer / Heather Mudry of HJM Studio

STANDOUT TECHNIQUES USED

Focus List Carousel - I used this workshop to create a fun user interaction when scrolling through the services offered.

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 8/22/25 Squarestylist Support 8/22/25

HJM Studio

by Heather Mudry
Squarespace

HEATHERMUDRYDESIGN.COM
by Heather Mudry

Made with Standout Squarespace

heathermudrydesign.com

Designer Heather Mudry
Platform Squarespace
ProjecT TYPE Personal website
Category Portfolio, E-Commerce

Team
Web Designer and Developer / Heather Mudry of HJM Studio

STANDOUT TECHNIQUES USED

Spotlight Animation Workshop - I wanted to create a spotlight effect that would show a moving gradient as a way to add an unexpected playful element to an otherwise minimalist and editorial design. The Spotlight Animation workshop was the perfect resource to achieve what I had in my head.

Alternate Image on Hover - I used this workshop along with scoping techniques taught in the course to achieve the custom "button" effect that appears when visitors hover over images to let them know they can click through to see the demo site.

CLIENT TESTIMONIALS

“Working with Heather far exceeded my expectations! She brought my vision to life & I couldn’t be happier with our website. She was so easy to work with, prompt & truly gifted at her craft. I highly recommend Heather’s services.”

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 8/14/25 Squarestylist Support 8/14/25

Sashagoclowski.com

by Nenah Bondi
Squarespace

SASHA GOCLOWSKI
by Nenah Bondi of Nenah Eve

Made with Standout Squarespace

sashagoclowski.com

Designer Nenah Bondi
Platform Squarespace
ProjecT TYPE Client Project
Category Portfolio

Team
Web Developer / Nenah Bondi

STANDOUT TECHNIQUES USED

Moveable Blocks, Split Sections, Sticky Sections, Images on Hover, Timelines, Flodesk integrations, and more

Screen Shot 2023-12-04 at 8.31.05 PM.png

Screen Shot 2023-12-04 at 8.31.16 PM.png

Screen Shot 2023-12-04 at 8.32.32 PM.png

CLIENT TESTIMONIALS

“Not only does Nenah have a gift for bringing a website to life by creating a beautiful and engaging visual journey, she also has the technical skill to create the custom programming I envisioned. Before I got in touch with Nenah, promoting my work felt challenging because I had outgrown my website and branding. Nenah's visioning process and initial brainstorming session helped me to understand my brand's market positioning and to really distill the essence of my services. I felt that Nenah easily understood what I was trying to create and she brought thoughtful and unique ideas to the table. Nenah is also an incredibly organized and thorough communicator; she always provided me with clear instructions and timelines keeping our work together on track. The result of working with Nenah is that I have a beautiful website that I feel communicates the soul of my work. I will continue to work with her as I expand!”
- Sasha Goclowski

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 8/14/25 Squarestylist Support 8/14/25

Natural state kinesiology

by Tiana Battaglia
Squarespace

NATURALSTATEKINESIOLOGY.COM.AU
by Tiana Battaglia

Made with Standout Squarespace

NATURALSTATEKINESIOLOGY.COM.AU

Designer Tiana Battaglia
Platform Squarespace
ProjecT TYPE Client Project
Category Brand Info

TeamWebsite Design & Development / Tiana Battaglia

STANDOUT TECHNIQUES USED

Balanced Header, Creative Blog Layouts (Sticky/Scrolling Blog Item Layout, Blog List Borders), Custom Typography

HOW STANDOUT PROGRAMS HELPED

“The Standout Squarespace program not only taught me best practices in order to take granular control of my designs with CSS and elevate the site beyond the basics (even on a very pared-back and minimalist design such as this one), but the community is unparalleled in providing support for any hiccups or general troubleshooting I may have - it makes me feel so empowered and supported to try new functions and features, and make my clients’ sites feel distinct.”

– Tiana Battaglia. Standout Squarespace member

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 8/13/25 Squarestylist Support 8/13/25

Canacollections.com

by Brooke Egger
Squarespace

CANACOLLECTIONS.COM
by Brooke Egger

Made with Standout Squarespace

canacollections.com

Designer Brooke Egger
Platform Squarespace
ProjecT TYPE Client Project
Category Saless Page

TeamWebsite Design & Development / Brooke Egger of The Pixel Greenhouse

STANDOUT TECHNIQUES USED

Adding Custom Fonts: the Standout Way, Standout Accessibility techniques

HOW STANDOUT PROGRAMS HELPED

My favorite Standout technique is the "Adding Custom Fonts, the Standout Way." I wanted to be sure that this site ran smoothly and had an ease of use for all. I integrated Standout Accessibility techniques into this website to ensure a straightforward site.

CLIENT TESTIMONIALS

“I am so grateful for Brooke’s help with creating my brand from start to finish: using cues to find a name, designing my logo, creating a color palette, designing and coding my website, and all the little things in between. She got to know me as both a client and a business owner and was ridiculously patient with my responses. My brand and its presentation is perfect because of Brooke!”

- Grace, Owner of Cana Collections

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 7/30/25 Squarestylist Support 7/30/25

Earth Template

by Alana Jade
Squarespace

EARTH TEMPLATE
by Alana Jade of Alana Jade Studio

Made with Standout Squarespace

EARTH TEMPLATE

Designer Alana Jade of Alana Jade Studio
PlatformSquarespace
ProjecT TYPE Client Project
CategoryBrand Info

TeamWeb Design & Development / Alana Jade of Alana Jade Studio
Branding / Nikki of Made by NF

STANDOUT TECHNIQUES USED

Slide-in Text, Horizontal Timeline, Sticky Texts & List Items, Blog List Border

HOW STANDOUT PROGRAMS HELPED

“I love the sliding letters on the home page mission statement which really helps to draw the eye and bring attention to that section.

And I absolutely love the sliding timeline on the about page, giving the business an opportunity to share more of a behind the scenes story of how they got to where they are.

I've never really liked the 'Events Collection' that comes built in with Squarespace. It's often felt very limiting for my clients and the actual event pages aren't that pretty. So I created a custom events page, using a blog collection and the 'link to source' functionality so we can link to custom event sales pages or even link to an external events platform.

And I'm a huge fan of the blog grid workshop so just had to use it in this design – and I also added alternating colours.”

– Alana Jade, Standout Squarespace member

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 8/2/24 Squarestylist Support 8/2/24

Moonflowermadeco.com

by Karen Cabral
Squarespace

MOONFLOWERMADECO.COM
By Karen Cabral of Moonflower Made

Made with Standout Squarespace

MOONFLOWERMADEco.COM

Designer Karen Cabral of Moonflower Made
Platform Squarespace
ProjecT TYPE Personal Project
Category Brand Info

Team
Website Design & Development / Karen Cabral of Moon Flower Made

OUR FAVE STANDOUT TECHNIQUES

Stacked List Cards, See-through Sticky Text, Horizontal Fluid Tabs,

HOW STANDOUT PROGRAMS HELPED

”I'm super bored of scrolling through websites that have just a static design, with Standout Program I've really been able to achieve designs I did not think was possible. With the help of this course, I am exploring new opportunities everyday”

– Karen Cabral, Standout Squae

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 8/2/24 Squarestylist Support 8/2/24

Bessolutionsinc.com

by Haley Withers
Squarespace

BESSOLUTIONSINC.COM
By Haley Withers

Made with Standout Squarespace

BESSOLUTIONSINC.COM

Designer Haley Withers
Platform Squarespace
ProjecT TYPE Client Project
Category Brand Info

Team
Designer & Developer / Haley Withers
Copywriter / Ashley Dobson of Through Narrative

OUR FAVE STANDOUT TECHNIQUES

Mega Menu, Fluid Tabs

HOW STANDOUT PROGRAMS HELPED

“This project would not have been possible without the Standout programme! It helped me build a cohesive site that is optimised for search engines and accessibility while still adding fun and unexpected features to really bring it to life.”

– Haley Withers, Standout Squarespace member

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 7/20/24 Squarestylist Support 7/20/24

By-nature.co

by Ellen and Michelle
Squarespace

BY-NATURE.CO
By Ellen and Michelle of Nature

Made with Standout Squarespace

BY-NATURE.CO

Designer Ellen and Michelle of Nature
Platform Squarespace
ProjecT TYPE Personal Project
Category Portfolio

Team
Website Design & Development / Ellen and Michelle of Nature

OUR FAVE STANDOUT TECHNIQUES

Image Reveal on Text Hover, Sticky Scrolling

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 7/20/24 Squarestylist Support 7/20/24

Hueylightshop.com

by Joy Yiu & Reyna Reyna Dashefsky
Shopify

HUEYLIGHTSHOP.COM
by Joy Yiu & Reyna Reyna Dashefsky of Hello-World Studio

Made with Standout Shopify

HUEYLIGHTSHOP.com

Designer Hello-World Studio
Platform Shopify
ProjecT TYPE Client Project
Category E-commerce

TeamWebsite Development / Hello-World Studio

STANDOUT TECHNIQUE

Marquee Slider, Power Sections, Color Swatches

Certified Standout Shopify
This website is proudly made with the techniques and support inside the Standout Shopify Program

Squarestylist Support 7/20/24 Squarestylist Support 7/20/24

Diandrapolitano.com

by Sara Firth
Shopify

DIANDRAPOLITANO.COM
by Sara Firth of Luminary Lab

Made with Standout Shopify

diandrapolitano.com

Designer Sara Firth of Luminary Lab
Platform Shopify
ProjecT TYPE Client Project
Category E-commerce

TeamWebsite Development / Sara Firth of Luminary Lab
Copywriter / The Good Ideas Co

STANDOUT TECHNIQUES

Mega Menu, Testimonial Slider

Screenshot 2024-07-03 at 11.16.19 AM.png

Screenshot 2024-07-03 at 11.18.09 AM.png

Screenshot 2024-07-03 at 11.32.56 AM.png

Screenshot 2024-07-03 at 11.33.19 AM.png

CLIENT TESTIMONIAL

“Looks so good SO fresh - love the brand links to the shop now too - sooo good! I think the button colours are better too. Thank you for everything.”

HOW STANDOUT PROGRAMS HELPED

“I have done both Standout Shopify and Standout Squarespace with Rache and it just wouldn't be possible without her! I have so much confidence going into a project knowing that I can execute what I am trying to achieve. Standout has helped me set the bar high and lets me bring a vision to life especially with incredible support from the team.”

– Sara Firth, Standout Squarespace and Standout Shopify member

Certified Standout Shopify
This website is proudly made with the techniques and support inside the Standout Shopify Program

Squarestylist Support 7/20/24 Squarestylist Support 7/20/24

Shopnanin.com

by Farrah Fox
Shopify

SHOPNANIN.COM
by Farrah Fox of Night Swim

Made with Standout Shopify

SHOPNANIN.COM

Designer Farrah Fox of Night Swim
Platform Shopify
ProjecT TYPE Client Project
Category E-commerce

TeamWebsite Design and Development / Farrah Fox of Night Swim
Copywriting and Strategy / Kenly Craighill

STANDOUT TECHNIQUE

Esencia Theme

HOW STANDOUT PROGRAMS HELPED

We used the Esencia theme to build this site and really utilized the metafield techniques outlined in the Standout Shopify course to their full capacity. We helped the client go from not being able to sort their products to have full sort + filter capabilities which are so crucial for user experience.

This project wouldn't have been possible without Standout Shopify! I learned so much from this course and built upon my existing code + design knowledge to be able to offer Shopify theme development to my clients for the first time. The info is so easy to digest and understand, and the support of Rache + and the community is so helpful and encouraging. Thank you!

Certified Standout Shopify
This website is proudly made with the techniques and support inside the Standout Shopify Program

Squarestylist Support 7/13/24 Squarestylist Support 7/13/24

KIMVANCEND.CO

by Cecily Carlyle
Squarespace

KIMVANCEND.CO
by Cecily Carlyle of CC RUTH

Made with Standout Squarespace

kimvancend.ca

Designer Cecily Carlyle of CC RUTH
Platform Squarespace
ProjecT TYPE Client Project
Category Brand Info

Team
Website Design & Development / Cecily Carlyle of CC RUTH

OUR FAVE STANDOUT TECHNIQUES

Fluid Tabs Grid, Stacked List Cards with offset

HOW STANDOUT PROGRAMS HELPED

Having and creating the foundational web strategy document provided in the program helped kickstart the project with a strong stylistic direction rooted in intention and purpose. By understanding the client's needs for maintaining and making future changes to the site, I ensured that I designed and built it using strategies from the workshops to make it easy for the client to update on their own.

Certified Standout Squarespace
This website is proudly made with the techniques and support inside the Standout Squarespace Program

Squarestylist Support 7/4/24 Squarestylist Support 7/4/24

Studionakhle.com

by Laura
Squarespace

STUDIONAKHLE.COM
by Laura of Studio Stellar

Made with Standout Squarespace

STUDIONAKhLE.COM

Designer Laura of Studio Stellar
Platform Squarespace
ProjecT TYPE Client Project
Category Portfolio

Team
Website Design & Development / Studio Stellar

OUR FAVE STANDOUT TECHNIQUES

Sticky Images, Mega Menu, Custom Hamburger, Video Aspect Fix, Change Page Background on Scroll, Change Logo on Mobile

STUDENT NOTES

I wanted to thank you for your constant support with all my questions, explorations, code tweaks and more for this project! I am infinitely glad I’ve joined this community.

If you have the availability, definitely follow Rache’s guidance in completing the modules first, and then apply the learnings to client projects. In my situation, this wasn’t available to me due to the nature of my client work, but as I am now going through the modules thoroughly, I am seeing so many things I spent a ton of time troubleshooting that were extensively worked through in the modules — I’m also finding more streamlined ways to achieve techniques I used in this project. Now I am looking forward to my next big build to use standout techniques from the ground up!

- Laura of Studio Stellar, Standout Squarespace member