Case study
Skin Resonance
A sound-frequency skincare brand, built end to end — research, brand, web app, science page, and shop.
Beauty & wellness product · 2026 · Founder, brand, full stack · Squarespace · Cloudflare Pages · vanilla JS
Live site: skinresonance.com
From research to product
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 sitting in peer-reviewed journals. Nobody had turned them into something a person could actually 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 €12 one-time and runs on any device with a browser and headphones.
An architecture that splits the work
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. Squarespace handles the things Squarespace is good at — content, commerce, SEO. Cloudflare handles the audio engine. Each platform stays in its lane, and the seams are invisible to the customer.
Two systems that don't know about each other, which is the point.
A site that 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 the physiological chain from cortisol to breakouts, from delta sleep to collagen synthesis. Each article 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 result is that visitors can experience the actual product before paying.
Brand: grounded, scientific, not clinical
Clay and sage palette, Cormorant Garamond headings, custom SVG icons throughout, a concentric circles logo with a sine wave running through it. The visual language carries through the app, the site, the journal, the PDF lead magnet, and the social sharing images. It's calm and serious, but warm — the opposite of the over-saturated, screaming aesthetic that dominates the wellness space.
How it looks in production
A funnel designed to compound
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 — each new article widens the organic search funnel a little further.
What I'd take from this
If you have research that nobody has translated into product, build the product. The hardest part of the work is already done. The rest — design, copy, infrastructure — is just craft.