Skin Resonance

Skin Resonance: Building a sound frequency skincare brand on Squarespace and Cloudflare

Skin Resonance is a product I built from research. Published studies on how chronic stress affects skin through specific hormonal pathways, how sleep deprivation degrades collagen, and how sound frequencies can measurably reduce cortisol. The connections were in peer-reviewed journals. Nobody had turned them into something a person could use. So I did.

The product is a web app with twelve guided frequency routines, a custom builder, five ambient soundscapes, session logging, and skincare tool timing. It sells for €15 one-time and runs on any device with a browser and headphones.

The architecture splits the work between two platforms. The marketing site, journal, FAQ, science page, and shop run on Squarespace. The app itself is a static HTML file with vanilla JavaScript on Cloudflare Pages. No framework, no database. Payment through Squarespace Commerce, delivery via a branded PDF with a link and QR code. Two systems that don't know about each other, which is the point.

The Squarespace site does more than sell. A science page names specific journals (International Journal of Stress Management, JMIR Mental Health, Archives of Dermatological Research) rather than hiding behind "science-backed." Long-form journal articles trace physiological chains from cortisol to breakouts, delta sleep to collagen. Each includes schema markup with full citation data and targets search terms that wellness listicles cover badly.

A free trial page runs the full audio engine inside a Squarespace code block, working around the platform's constraints: no script tags in code blocks, functions in global scope for iframe compatibility, audio assets hosted on the same domain to avoid CORS issues.

The brand identity is grounded and scientific without being clinical. Clay and sage palette, Cormorant Garamond headings, custom SVG icons throughout, a concentric circles logo with a sine wave. The visual language carries through the app, the site, the journal, the PDF lead magnet, and the social sharing images.

Each journal article funnels to a different routine in the app. The email signup offers a free downloadable routine PDF. The pricing is framed as a launch price across every touchpoint. The content strategy is designed to compound over time, widening the organic funnel with each new piece.

www.skinresonance.com

Skin Resonance website moodboard
Skin Resonance website design for FAQs page

Explore the full website by clicking below:

Got a website project in mind?

Whether you're starting from scratch, refreshing an existing site, or need a technical audit, I'd like to hear about it. We'd start with a conversation about what you need, followed by a no-obligation proposal tailored to your project.

Next
Next

Pastoral Threads