The Challenge
How do you design the digital identity of an instrument that promises sounds never heard before? The challenge was to translate the sonic and tactile experience of "BETHO" into a static web interface. The project required moving away from the conventional aesthetic of musical instrument e-commerce stores. It sought an art direction that fused nostalgia and futurism, using editorial typography and a minimalist layout to communicate that this is not just an instrument, but a piece of design and a tool for artistic expression.
The Build
Beyond a polished visual aesthetic, my goal was for the user to be able to "play" the instrument before even owning it. Working directly in Figma, I designed a system of high-fidelity interactive components. The core element is hardware simulation: I created an advanced micro-interaction where, when the cursor hovers, the keys light up and the digital display comes to life, revealing a blinking, pixelated eye.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g d="M 4.268 2.119 L 4.268 0 L 16 0 L 16 2.119 Z M 16 11.637 L 13.87 11.637 L 13.87 0 L 16 0 Z M 1.509 16 L 0 14.504 L 13.563 1.058 L 15.073 2.553 Z" fill="transparent" height="16px" id="FS4wud4HL" width="15.999999631566766px"><path d="M 0 2.119 L 0 0 L 11.732 0 L 11.732 2.119 Z" fill="rgb(15, 14, 14)" height="2.1187359513420594px" id="P5kIJB7Ko" transform="translate(4.268 0)" width="11.73219480873486px"/><path d="M 2.13 11.637 L 0 11.637 L 0 0 L 2.13 0 Z" fill="rgb(15, 14, 14)" height="11.636652122173734px" id="xBplekXaY" transform="translate(13.87 0)" width="2.1296344887445002px"/><path d="M 1.509 14.942 L 0 13.447 L 13.563 0 L 15.073 1.496 Z" fill="rgb(15, 14, 14)" height="14.94221869628454px" id="DEz5S9WYM" transform="translate(0 1.058)" width="15.072818848944806px"/></g></svg>)