Pop Playground
Memphis-inspired studio site with playful motion and parent-friendly clarity
Client
Pop Playground
Role
Motion Design, UI/UX Design, Front-End Development
Live
Visit siteBuilt with (for the curious)
React + TypeScript, GSAP ScrollTrigger, WebGL Shaders +1 more
Summary
Designed a Memphis-inspired website for a children’s creative studio: bold color, playful motion, and a gallery-forward layout—built to delight kids while keeping schedule, pricing, and booking easy to find.
The Challenge
Pop Playground needed a website that captured the energy of kids’ creativity without feeling chaotic for parents. Standard templates felt too grown-up—they wanted something playful that still makes classes and booking easy to find.
The Solution
Created a Memphis-inspired site with playful motion, bold pattern work, and a gallery that feels like scattered art on a table. The layout stays simple enough for parents to quickly understand programs, pricing, and the next step.
Project Snapshot
Goals
- Capture the explosive energy of children's creativity
- Create interactions that feel lively and responsive
- Use Memphis design patterns with modern motion sophistication
- Appeal to both kids and parents with premium playfulness
Constraints / Requirements
- Bold Memphis color palette (pinks, purples, greens, yellows)
- Playful motion without sacrificing performance
- Single-page experience with pinned scroll sections
- Cursor-reactive elements without React state updates
Deliverables & Rationale
What I Delivered
- Hero with bold color system and playful motion cues
- Pattern + shape system that supports the brand without clutter
- About/story section with strong hierarchy for parents
- Gallery layout that feels like scattered polaroids
- Program highlights designed for quick scanning
- Mobile-first spacing + reduced-motion support
Why This Works
- Playful motion makes the site feel alive without feeling chaotic
- Memphis patterns add visual excitement without overwhelming
- Scattered, organic layouts mirror the creative chaos of art-making
- Premium polish makes parents trust while kids feel excited
Process
Explosive Hero Gateway
A hero that sets the tone fast with bold color, pattern, and motion—while keeping the CTA clear and easy to spot.
Orbital About Composition
An image-forward layout that keeps parents oriented (what it is, who it’s for, how to join) while staying playful.
Scattered Polaroid Gallery
A gallery pattern that feels like scattered photos on a table—fun to explore, but still scannable and readable.
Results & Impact
Kinetic Memphis
Motion Style
Playful motion and pattern work throughout
Bold + controlled
Color System
High-energy palette with clear hierarchy
Clear
Parent UX
Programs and booking stay easy to find
Need a website that's full of energy?
I build playful, high-craft websites that capture attention without sacrificing clarity—great for brands that need energy and trust.
Talk about your project