Beat blocks

My capstone project prompted us to solve a local problem at UGA. Our campus has a lack of emphasis on technology, being a liberal arts school. My team and I used our expertise to engage students with technology to see it's potential for bringing people together.


Beat blocks is a physical interface where people come together to create music with each other. To prepare for the project, I wrote a brief, created a project timeline with goals and milestones, and planned a budget. I also assembled a team, consisting of AJ, the back–end dev, and Oscar, the front–end dev.

When doing research, I found a few projects that made good references. These were Incredibox and the Chrome Music Lab. These apps allow anyone to create music without knowledge of music theory, much like our project. It guided the project in numerous aspects.


This project has many parts: visual design, sound design, programming, woodwork, and the exhibition. For this case study, I'm focusing on the UI/UX aspects. For a more comprehensive overview, check out my process book.

We needed an interface that allowed creative musical expression for people that didn't know anything about music theory. We also needed to keep in mind that our design needed to encourage people to have this experience with others.

We decided to have users assemble loops with preset sound patterns. For this idea, users would need to place blocks into a music player. We planned to make a touchscreen and have users drag and drop sounds into the center, but after pivoting, we decided to have a physical UI instead.

We had physical blocks that had a shape and color combination. This combination would be seen by a camera, which would use computer vision to decide was sounds to play.

Our front–end was displayed onto the acrylic table top, from underneath, by a projector. It indicated what color made certain kinds of sounds as well as show how many people could use our table. It also indicated when people could place in a block with a blinking glow in the center.


Visually, we had everything follow our color palette, which was influenced by the synth focused sounds designed for the project, including our poster and blocks. The colors used also had to contrast enough so the camera could better discern the blocks.

To get people to work together, we had originally planned to add sensors to the edges of the table that would allow a type of sound, say melodies, play if it was covered. If you didn’t have 4 people, you couldn’t play all of the sounds.

We ended up not implementing this due to time constraints. However, due to how we designed our other components, people naturally played together.