KidsStudio Website Design/Protoype by Minhal JafarKidsStudio Website Design/Protoype by Minhal Jafar

KidsStudio Website Design/Protoype

Minhal Jafar

Minhal Jafar

KidsStudio Website Prototype

UX/UI Concept Case Study

Overview

This project was a high-fidelity website prototype created for a children’s enrichment studio. The goal was to modernize their digital presence and create a clear, conversion-focused experience for parents.
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, interactive prototype that clearly communicates brand direction, UX strategy, and conversion flow.
Like this project

Posted Feb 27, 2026

Created a high-fidelity website prototype for KidsStudio using Figma and Lottie.