About


Resonance is a made up project for uni. It is a Web-app that allows the user to create and customise their headphones as they see fit before purchasing.

My main focus for this project was UI/UX. I used adobe XD to make a functional XD prototype. The user is given a lot of freedom in customising the headset using the UI shown below.

headphones
Web App screen capture

The user interface to the left is the customisation screen. Customisations include colour, texture, and custom icons and patterns. With many more potential possibilities.

Design Process


Mockups and wireframes were all done in adobe illustrator. Resonance has branding and iconography and a consistant visual language through the web-app.

The images of the headphones are renders of a 3D model I made in maya and textured in substance painter. While I did not spend very long designing the product itself, having a simple model makes it easy for me to create many varieties of these headphones.

large variety of headphones