Self-initiated concept · fictional business / 2026
Clarity Growth Co
Scroll-driven editorial website for busy founders seeking work-life balance
The project
Design and development in practice.
Airy, editorial website with scroll-driven pinned sections, tactile paper textures, hand-drawn accents, and organic animations that feel like a curated workbook.
- My role
- Motion Design, UI/UX, Front-End Development
- Category
- Wellness
- Built with
- React + Vite · GSAP ScrollTrigger · Custom animations · Vercel hosting
01 / The challenge
What the site needed to solve.
Clarity Growth Co needed a website that embodied their brand promise: helping busy founders build businesses that fit their lives. Generic coaching sites felt too corporate or too 'hustle culture'—they wanted something calm, editorial, and intentionally designed.
02 / The approach
How I approached it.
Designed an airy, scroll-driven website that feels like a curated workbook. Each section pins in place with smooth GSAP animations, using tactile paper textures, hand-drawn circle markers, and friendly flat illustrations. The experience is calm and intentional, matching the brand's promise of sustainable growth.
What was delivered
- 7 pinned scroll sections with 3-phase animation (entrance/settle/exit)
- Hero with auto-play entrance animation and illustrated workspace
- Problem/solution section establishing the brand narrative
- Social proof section with specific outcome metrics
- Signature offers card with 'sticky note' design treatment
- 3-step process section (Map it, Cut it, Protect it)
- Lead gen section for free guide download
- Quiz intake form for qualified lead capture
Your next chapter
Let’s make your website
work as hard as you do.
Tell me about your business and what you need. I’ll reply personally with a clear next step.
Tell me about your project Full websites from $1,500 · One-page sites from $750