Playful Colorful Education

Create a playful, colourful education website — a bright, energetic playground for learning that still makes it easy for a parent to understand the offer and sign up.

Brief

Subject: Sprout Lab — after-school science courses for kids aged 7–11, online and in small groups

Speak to both audiences: fun course names and projects for kids, clear facts for parents (ages, schedule, group size, price, teacher qualifications)

Design Requirements

Colour: Bold and liberal — #f59e0b, #7c5cff, #10b981, #f43f5e — each section or course owns a colour; text stays dark and readable

Shapes: Circles, squiggles, blobs, wavy dividers — rounded, nothing sharp

Typography: Baloo 2, chunky and friendly, large sizes

Illustrations: Inline SVG characters and objects built from simple geometric shapes (beakers, rockets, plants)

Motion: Springy — cubic-bezier(0.68, -0.55, 0.27, 1.55) — on interactions

Sections to Include

Header — Colourful logo, nav links, "Book a free trial class" button

Hero — Big playful headline, floating SVG shapes and characters, bouncy CTA

Course Cards — Four courses, each in its own colour with an illustration, age range and number of sessions

Stats — A few real numbers (kids taught, average group size, parent rating) presented with personality

How It Works — Steps from trial class to first project, joined by a dotted path through coloured circles

Testimonials — Speech-bubble quotes from parents and kids with illustrated avatars

Pricing — Plans as playful cards; the popular one larger and slightly tilted

Footer — Wavy multicolour top edge

Technical Details

Bounce on hover and press for buttons and cards (transform only)

Wavy dividers as inline SVG

Floating shapes animate gently in the hero only and stop under prefers-reduced-motion

Responsive: keep the energy, simplify shapes on mobile

Accessible contrast on every coloured background; visible focus states