Interactive Design Projects in HackneyInteractive Design Projects in HackneyTurning a Boring Time Picker into a Playful Learning Experience for Kids
Most time picker widgets are designed for adults. Theyāre functional, but they donāt encourage exploration or make learning enjoyable.
For this concept, I redesigned a standard time selection component into a child-friendly experience using playful illustrations, bright colours, and soft rounded shapes while keeping the interaction clear and intuitive. Every visual element has a purpose, from the colour-coded timeline to the oversized time cards and friendly characters that make scheduling feel less intimidating.
The interaction is fully grounded in real-world logic. The timeline accurately represents the selected duration, the labels remain consistent, and the visual hierarchy ensures children can understand the relationship between start time, end time, and total duration at a glance.
The accompanying animation focuses on subtle motion rather than decoration. Characters gently bounce, the slider glides smoothly across the timeline, colours transition naturally, and micro-interactions provide feedback without overwhelming young users.
This concept demonstrates that educational interfaces donāt have to sacrifice usability for personality. A well-designed UI can be both delightful and functionally accurate.
Tools
Figma
After Effects
UI Animation
Motion Design 
