A silk-shader coaching site with direct booking, full SEO, and privacy compliance.
The challenge
The coach needed a site that communicated warmth, depth, and credibility without looking like a generic coaching template. The booking flow had to be frictionless, the SEO had to be real, and the visual experience had to stand out while remaining accessible.
How we built it
I built the site in React 19 with Vite and Tailwind v4, using Three.js and React Three Fiber for a custom four-color silk-shader background that disables on low-power devices and respects reduced-motion. Framer Motion drives section reveals and the testimonials carousel, and Calendly is embedded so visitors book a 30-minute session without leaving the page. A custom cookie banner plus Privacy and Cookie Policy pages handle compliance.
What shipped
Unmasked Coaching launched at unmasked-coaching.com with a distinctive purple silk identity, direct session booking, GA4 analytics, and SEO infrastructure in place — heart-forward, adoption-attuned, and ready for organic traffic and referrals.
Outcomes
- Built a coaching site with an animated Three.js silk-shader background (with a mobile-safe static fallback), Framer Motion section transitions, and a Calendly booking flow embedded in the contact section.
- Shipped full SEO — sitemap, robots.txt, Open Graph, and Person JSON-LD — alongside a custom cookie-consent banner and dedicated Privacy and Cookie Policy pages.
- Optimized delivery with route and component code-splitting, lazy loading, GA4 analytics, and an auto-playing, swipeable testimonials carousel.