This was quite a tedious process, which required a re-design of the ethnic instrument selection screen and the sampling of a tin whistle. A screen-recording was ridiculously accelerated to show the process that took over an hour.

Ethnic Instruments Selection Re-Design

Moving away from the old button design, the new design takes influence from a swipe based interface like GarageBand when selecting the instruments. Using a new backdrop from a theatre, the icons were placed in front like a carousel. The scene was set up with swipe actions to progress or reverse the animated timeline.

Screen Shot 2016-11-13 at 9.54.40 pm.png
Screen Shot 2016-11-13 at 9.42.29 pm.png
New design
Screen Shot 2016-11-13 at 9.57.09 pm.png
Swipe actions

The Photos

A picture of the tin whistle was taken with an iPhone 6s camera in the sun for good lighting. The image was then cropped and cut to have a transparent background for importing into Hype.


A boggling question was how to present the playable software instrument as it isn’t like a keyboard or drum. We decided to actually show the finger holes and impose dots to show the fingerings so users could also learn the fingering on the real instrument. The picture was then cropped to display the holes for the sound trigger in the app.

Tin Whistle Holes.png


A tin whistle was sampled across two octaves using a Zoom H5 and Logic Pro X. Samples were cut for the purpose of endless looping, however, it seems to add a click when triggered. Perhaps the natural note releases could be exported and attached to the note offs to get a nice release to the note in the app. However, Hype isn’t designed for this type of audio sampling like some native apps, so the limitations of Hype are really revealing themselves. For the purpose of a wireframe/prototype app, it fulfils the purpose of showing the function, making it fine for now.

Process Video


Screen Shot 2016-11-13 at 10.08.58 pm.png