Skip to main content
UI/UX & E-CommerceKlien: KindboLab Children Creative Studio

KindboLab: A Website for Children’s Creative Activities

A site for a children’s activity centre with content from Contentful, class registration, and event pages the team can update without writing code.

KindboLab: A Website for Children’s Creative Activities
Tanpa perlu developer
Content updates by the team
hCaptcha aktif
Form spam protection
Desktop, tablet & mobile
Responsiveness
Smooth scroll, offset presisi
Section navigation

Background

KindboLab is a space for children to explore and create, running themed activities across art, experiments, and discovery to build curiosity, creativity, and confidence.

The client needed a site that looks engaging and professional, but that their non-technical team could update themselves. class information, event schedules, and parent testimonials alike.

The challenge

  • Content that changes often. class schedules, events, and testimonials need regular updating without touching code
  • Two audiences. the site has to convince children, who respond visually, and parents, who need clear information and reassurance
  • A secure registration form. protection from spam and bots without making it harder to use
  • Performance and responsiveness. fast on every device, especially the phones parents use on the go

What we built

Engaging, purposeful visual design

  • A landing page with a visually strong interactive hero banner
  • An About section that introduces the KindboLab philosophy warmly and personally
  • A class carousel built with Swiper.js for smooth, intuitive navigation
  • An interactive vertical stepper laying out the themed service flow clearly

A separate events system

  • A dedicated `/events` page, apart from the landing page, showing the full schedule
  • A preview of the latest events on the homepage through the `HomeEvents` component
  • An elegant empty state for when no events are running

Headless CMS with Contentful

  • All content. classes, events, testimonials. is managed from the Contentful dashboard, no code required
  • The KindboLab team can add, edit, or remove content whenever they want
  • Content is pulled dynamically at build time through the Contentful Delivery API

A protected registration form

  • hCaptcha integration shielding the contact and registration forms from bots and spam
  • Friendly input validation with clear error messages

Performance and UX

  • A smooth page preloader for a seamless loading experience
  • A back to top button that appears on longer scrolls
  • Smooth scrolling with precise navigation offsets on every anchor link
  • A mobile-friendly sidebar

Results and impact

MetricResult
Content updates by the teamNo developer needed
Form spam protectionhCaptcha active
ResponsivenessDesktop, tablet and mobile
Section navigationSmooth scroll, precise offsets
Separate events pageFully dynamic from Contentful

Technology used

CategoryTechnology
FrameworkReact 19 + Vite
RoutingReact Router DOM v7
CMSContentful (headless CMS)
Carousel/SliderSwiper.js v12
Form protectionhCaptcha (react-hcaptcha)
DeploymentVercel
StylingCustom CSS + Bootstrap (vendor)

Client quote

"The InvictusWave team really understood what we needed. The site is not only good-looking. we can update class schedules and events ourselves without having to ask a developer every time."
. The KindboLab team

Engineered Tech Stack

React 19ViteCSS kustomBootstrap (vendor)
Share this case study:

Ready to Engineer a Similar Solution?

Discuss your operational requirements, system architecture, and milestone roadmap with InvictusWave senior engineers.

Schedule Call

Related Case Studies

Explore other digital engineering case studies in similar categories.

Aura Mode
UI/UX & E-Commerce

Aura Mode

A complete brand identity and e-commerce experience for a luxury fashion label.