Freckle Design Studio
Freckle Design Studio creates clean, sophisticated brands and websites for some pretty elite clients - and this time, they turned that magic onto themselves.
This DEV SESSION was all about updating Freckle Design’s own website, giving them a chance to show off their crispy, clean aesthetic on this hearty Squarespace 7.1 site.
DEV SESSION | SPRING 2025
Designer Claudia Costa-Rowse decided that, for her second DEV SESSION, it was time to focus on redesigning her own studio’s Squarespace 7.1 website.
Freckle has been in the game for a while, and they know exactly how to create incredible website for their clients. So, it’s no surprise, that this redesign is full clever ways of displaying crispy clean art direction. It just puts a smile on your face.
Freckle Design means business, but they’re never not having fun. There are so many hidden gems throughout this site, some custom coded, that a visitor will need to spend some time here to uncover all it has to offer.
I compared this site to a bodybuilder wearing a baggy sweater - this site may not be showing off those muscles, but that doesn’t mean they’re not there.
Feature Spotlight
Pop-out Mega Menu
Freckle knows exactly how to focus your eye. So, it’s no surprise that this mega-menu style navigation feature topped the customization list.
Big shout out to Rache over at Squarestylist for the foundational code for this effect.
This kind of navigation is perfect for capturing your visitor’s full attention during both desktop and mobile visits.
It’s the vibes for me.
-
![]()
Home
-
![]()
Services
-
![]()
About
-
![]()
Resources
-
![]()
The Scale-Up
Individual service page
-
![]()
Shopify Set-Up
Individual service page
DEV SESSION | Spring 2025
Meet Claudia Costa-Rowse
Founder at Freckle Design Studio
Claudia is a developer’s designer. She delivers crispy designs with an effortlessness that I am, quite frankly, jealous of.
Feature Spotlight
Fancy Tabs Effect
That’s right, I said Fancy. This tabs effect has been in my back pocket for ages, thanks for Rache over at Squarestylist.
It’s customizations like these that will have everyone forgetting your site was built on Squarespace (in a good way.)
Bonus points for Freckle Design’s brand photography and typography for giving this effect those extra details that really drive that fancy part home.
Mockup v. Website
Every DEV SESSION starts with a designer’s mockups. Sometimes, these mockups contain different information than will end up on the finished website. For example, the mockup contains only text where a full hover animation takes place on the finished website. Mockups are maps, and there’s always a little wiggle room left for development.
Website
Mockup
Claudia of Freckle Design Studio
“Kacey's process is really meticulous, so I feel really confident that everything is coded neatly and correctly and all the boxes have been ticked.”
Feature Spotlight
Hover Image Effect
In an email to Claudia (founder at Freckle), I compared this website to a bodybuilder wearing a baggy sweater: it might not be showing off its muscles, but those puppies are definitely still there.
This hover image effect shows Freckle’s dedication to a lively, immersive user experience. It’s fun, it’s responsive, it showcases their amazing photography. I’m in.
Now Booking
DEV SESSIONS
Now Booking DEV SESSIONS
You don’t need another person to manage, you need a developer who takes care of you (and your client.)