MixVox

MixVox is a musical instrument made up of three dolls. Each doll carries a different sound, so players can create personalized ‘music’ through interactions. MixVox offers a playful, accessible way to experiment with sound and rhythm, blending music creation with tactile interaction. It empowers users of all ages to express themselves musically, sparking curiosity and creativity.

MixVox is a musical instrument made up of three dolls. Each doll carries a different sound, so players can create personalized ‘music’ through interactions. MixVox offers a playful, accessible way to experiment with sound and rhythm, blending music creation with tactile interaction. It empowers users of all ages to express themselves musically, sparking curiosity and creativity.

Role

Role

Software & Hardware Developer Product Designer

Software & Hardware Developer Product Designer

Time

Time

Jan - March 2024

2 Months

Jan - March 2024

2 Months

Skills

Skills

3D Modeling (Rhino) / Arduino IDE / Python / Node.js / p5.js

3D Modeling (Rhino) / Arduino IDE / Python / Node.js / p5.js

MixVox is a simple game about sound and rhythm...

MixVox is a simple game about sound and rhythm...

We integrated physical instrument into a 1D game format. Players can navigate the dolls along the 1D line, laying down unique sounds as they go

We integrated physical instrument into a 1D game format. Players can navigate the dolls along the 1D line, laying down unique sounds as they go

Have you ever played

Have you ever played

@Incredibox

@Incredibox

@Chrome Music Lab

@Chrome Music Lab

We want to make the physical version of these!

We want to make the physical version of these!

How to Play

Player rotate the handles on the side of the dolls to move the dolls and place colored audio blocks in the sequence by:

The blue doll: brushing on the teeth

The yellow doll: tapping on the belly

The red doll:

blowing into the ears

State Disgram

Code - How to tie them together!

Lessons Learned

It’s better to make one thing that works really well instead of a lot of things that don’t really work.

Think creatively: what are the possibilities besides just literal representation

Iterate your ideas, test with users, and iterate, and test over and over

  • It’s better to make one thing that works really well instead of a lot of things that don’t really work.

  • Think creatively: what are the possibilities besides just literal representation

  • Iterate your ideas, test with users, and iterate, and test over and over

  • It’s better to make one thing that works really well instead of a lot of things that don’t really work.

  • Think creatively: what are the possibilities besides just literal representation

  • Iterate your ideas, test with users, and iterate, and test over and over

Our work featured on both @mitdesignacad and @mitarchitecture‘s instagram post!

© 2024 Zoey Yan ft Figma & Framer

Instagram

© 2024 Zoey Yan ft Figma & Framer

Instagram

© 2024 Zoey Yan ft Figma & Framer

Instagram

Create a free website with Framer, the website builder loved by startups, designers and agencies.