Wooden Bead Maze
The wooden toy lacked an engaging way to show its history and tactile feel in a digital space. I created an interactive prototype that highlights its craftsmanship and cultural story to provide a more multisensory and curious user experience.
Project type:
Responsive website, Branding
Timeline:
6 weeks
Tool:
Figma, Webflow, 3D Spline, Lotti Files, Adobe Illustrator, Adobe photoshop
My Role:
UX designer (Individual)
This site is for parents worried about their kids' screen time. They want toys that encourage hands-on play, imagination, and creativity instead of digital devices. Believing in getting back to basics with real, physical play that helps children learn and grow naturally.
I used Figma to architect a clean, playful layout that balances storytelling with digital interaction. My focus was on creating a seamless user journey that guides the visitor from the toy’s physical heritage to its digital evolution.
Strategic Layout: I prototyped key sections including a high-impact hero, an educational “Evolution” zone, and a dedicated interaction space.
Narrative Flow: I structured the site to tell the toy’s story tracing its journey from raw woodcraft to a live 3D experience.
Visual Identity: I finalized a vibrant color palette and typography that feels accessible and engaging for children.
Development: After perfecting the design in Figma, I transitioned to Webflow to build the final responsive website.
Humanizing Digital Experiences: I learned how to bring the "soul" of a physical object into the digital world. By using real-world sounds like the clacking of wooden beads, I realized how sensory details can make a digital interface feel much more personal and real.
Designing for Play & Discovery: I discovered that the best way to keep users engaged is through a "no rules" approach.
Balancing Simplicity with Depth: Working with 3D tools like Spline and Webflow taught me that a clean, minimal layout is often the most effective. I learned to use bright, intentional colors to guide the user’s eye without overwhelming them with too much information at once.
You might also like
The Tangled Within
A 15-second motion piece symbolising a child’s journey from confusion to clarity through the metaphor of a tangled thread and needle.
motion design
storytelling
layout design
Creative Thinking with Stephen Hancock
A collaborative workshop exploring agency-style ideation, storytelling, and rapid concept development.
hackathon
ideation
ai wardrobe
Why the Bead Maze?
