Hey y'all, I recently took this site live for a client down in South Florida. I run a tiny marketing agency / creative technology studio in Asheville, NC called History of Salad, along with my partner (she's an SEO strategist and copywriter).
We initially met with this client back in Summer 2024, but our collaboration kept getting interrupted by hurricanes (3 of them, in fact ). After we all got power, internet, and potable water again, we jumped back in and helped our client launch his business by providing naming, branding, web design, SEO strategy, copywriting, and web development.
Website URL
A screen shot of the site
Technologies used
Prismic, Nuxt, GSAP, LottieFiles (see footer), Google Maps Platform (see Areas Served component). Deployed via Netlify. Special shoutout to breakpoint-sass. The following Nuxt Modules made my life way easier:
Industry
Water treatment and well pump service.
Utilizes Slice Machine?
Oh my god, yes, SliceMachine is why I came to the Prismic party in the first place. I would have to charge people so much more if I were creating all the backend fields from scratch.
Time to build
Initial commit: 07 January 2025
Site launched: 08 February 2025
NOTE: it's so much easier to develop sites quickly when you're also the designer. No fighting, nothing lost in translation.
An interesting feature or challenge you solved for
Natural disasters aside, our challenges were twofold:
First, most brands and websites for local contractors are trapped in a doom loop of clip art and default Squarespace/Wix templates. Aesthetically, the bar was really low, which gave us lots of room to play around. We took some of the more charming design cues from this space—bold font pairings, bright colors—and gave them a more intentional, contemporary spin.
The second challenge was to build an SEO-optimized website that wouldn't look, feel, or read like an SEO-optimized website (IYKYK). We used a lot of little tricks to accomplish this, but here's one issue we solved with the help of a custom slice:
Reading headlines and copy with obvious keywords and phrases jammed into them drives me wild, so I built a slice called Ghost that allows us to add hidden SEO-optimized headlines above the more human-readable ones. This lets us experiment with keywords while maintaining proper semantic h1 - h6
structure and design integrity. In our various content slices, I like to make Headline groups and give content editors the option to set the headline level and headline style independent of each other via select
fields. It's been working pretty nicely and I think the extra steps are worth it for the organic search results payoff.
Thanks for reading! I'll link to the case study below once we publish it on our site.