Site Showcase: Feather & Blade
Surprisingly, this is our first site showcase from this designer. Cool pastels mixed with edgy design, Samantha from RevampAmor was a SSDG member back from almost a year ago.
We LOVE her style and think it's truly unique. Feather and Blade is just ONE example of her amazingness. Let's cheer her on so we can see more of her sites on here!
Template Chosen: Rally
Why did you choose that template?: Holly, the owner of F&B wanted to have the depth of parallax scrolling in her page headers. We also knew we wanted the site to be able to grow as the brand + parlor grows. Rally is an excellent and very flexible template, so it was an easy fit.
What was the Client's Objective?: to book new sessions. Holly just opened the parlor, so it was important to her to bring in new clients as well as educate them about the microblading process.
Tell us a bit about the design process?: Holly came to me with her logo, but no other branding work. So our first step was to build a brand mood board and really dig into her brand's aesthetic. After we had a clear picture of her brand visuals, I was able to come up with the site's artistic direction. From there, we went right into designing + developing the site. When Holly contacted me, she had a pretty typical Squarespace site. It was functional but didn't stand out. She wanted a site that really broke free from the 'square' and set her brand aesthetics apart.
How did you help the client differentiate their business through design?: Most salons offer a bright, soothing aesthetic. For F&B we wanted to lean more into the moody, artistic vibe. We still wanted lots of feminine charm, so I made sure the font palette and imagery really pulled that in. I also worked on a few art graphics for the site's homepage that perfectly reflect the brand's artistic character.
Is there custom development? What about custom added CSS? Can you tell us why you did or did not use these edits?: Definitely! When working with a site that's fairly modern + minimal life this one, I find that the CSS details are where the charm comes to life.
The biggest CSS change is the Image we placed above the primary navigation on the homepage. I knew her brand and business lent itself perfectly to a large, high-style image to draw in potential clients, so this was the first edit I made to the site's standard design capabilities.
I also coded in the 'book now' button as a fixed link on the page. Since the site's goal is to book, it was crucial to have that button present no matter where you navigated to on the site.
The final edits were more visual. I pushed letters over borders & dropped their opacity to create beautiful transitions. The contact page header is slightly animated as well. I really wanted each page to have something that was beautiful and a bit unexpected.
What are the top three creative features you used in the design?: 1. strong images + art direction
2. a focused color palette
3. layering effects
Anything else you want us to know about the site?: One of my minors in school was digital art, so I LOVE when clients come to me with an art-driven aesthetic. Holly had no images to use on the site, so I was able to really surprise her with the edited stock images we used on the homepage. We are even in the process of printing one for her to hang in the shop.