TouchTones for Surface
An interactive multi-touch table and mobile app for creating music.
Client
Type of Project
Design Team
Agency
My Role
Microsoft
Stimulant
Table-based Music Application
Art Direction, Visual Design, UI Design
VD/Animation: Jules Konig, UX: Nathan Moody, Dev: Josh Santangelo

Microsoft Surface was an interactive table device and was unveiled in May of 2007, five years before the Surface tablets and laptops we know today. When the Surface was first released, it was a big deal. It was one of the first non-desktop, non-mobile multi-user interactive devices to come to market and it was a huge opportunity to make something different.

Our collective passion for music and interaction led to the creation of TouchTones, a multi-user collaborative music maker that doesn’t require any musical knowledge in order to make something beautiful. The instrument took advantage of Surface’s unique camera-based system to leverage finger orientation as well as touch position.

My Responsibilities
I helped develop the concept and was responsible for all visual and UI design.
Project Video
Process
Sprites
Various sprite options. (All done in Adobe Illustrator.)
TouchTones for Surface v1
TouchTones for Surface v1 was a proof of concept of sorts. It was the first app that we designed and developed for the original Surface table. It was 720p magic! Seriously though, it was received well and that's why we were asked to redesign it for the updated PixelSense table a few years later.