People-first wellbeing platform
Kaido helps organisations boost employee wellbeing and sustainability engagement. I rebuilt Kaido.org in Framer, giving each pillar its own colour story—Wellbeing (💙 #052CF8 + 💗 #EBB9F6) and Sustainability (🌿 #023D36 + 💚 #2CDD9E). The result is a calm, modern interface that guides users with gentle motion and clear calls-to-action.
Key Features
• Parallax hero scenes with animated scroll cue
• Click-to-reveal case-study gallery (Framer Motion)
• Custom heart ❤ and leaf 🌿 vector motifs
• Colour palette: #151716 | #052CF8 | #EBB9F6 | #F9EFE5 | #023D36 | #2CDD9E
• Typography: Schibsted Grotesk (display) + Inter (body)
Impact
• +38 % average session duration (first 30 days)
• +29 % demo-booking clicks
My Role
UI/UX, interaction design, full Framer build, performance & SEO pass.
Process Timeline
Discovery → Wireframes → Hi-Fi UI → Framer Build → QA & Launch
Highlights
• Stakeholder workshops to align wellbeing + sustainability messaging
• Rapid Figma wireframes to nail the new hierarchy
• High-fidelity comps with full colour/typography system
• Component-driven build in Framer CMS (zero-code hand-off)
• Performance tuning — Lighthouse 90 + across the board
• Final Loom walkthrough & docs for the Kaido team
Toolkit
Framer · Figma · Google Fonts · Hotjar · Lighthouse