Children's Studio Website UX/UI Design & Interactive Prototype
Overview
This project was a high-fidelity children's studio website prototype designed for a kids' enrichment and after-school programs brand. The goal was to modernize their online presence and deliver a clear, conversion-focused UX/UI experience that helps parents explore programs and enroll with confidence.
This was not a live build. The prototype was designed in Figma, developed using Figma Make, and enhanced with Lottie animations to demonstrate motion and interaction before development.
Objectives
• Modernize the brand’s digital presence
• Clarify programs and enrollment steps
• Strengthen trust with parents
• Demonstrate interactive potential through motion
Strategy
Parent-First UX Structure
The layout follows a clear decision-making flow:
Strong hero with primary CTA
Programs overview
Step-by-step “How to Join”
Benefits and differentiators
Testimonials and FAQs
Clear final CTA
Each section builds toward booking a trial class while keeping the experience simple and scannable.
Visual & Interaction Design
• Bold, friendly typography
• Purple gradient sections for emphasis
• Card-based layouts for clarity
• Mobile-first responsive structure
Lottie animations were added to key icons and steps to introduce subtle motion and elevate the overall experience without distraction.
Result
The final deliverable is a polished, responsive, and interactive website prototype that clearly communicates the brand's direction, UX/UI strategy, and conversion flow — giving the children's studio a modern, parent-friendly digital experience ready for development.
Mobile-first responsive UI design for the KidsStudio children's studio website