Overview

AudioRah is musical artist and DJ who focuses his music around blending genres and closing the gap between oldern and modern areas of music. He wanted a simple website where prospective clients and new listeners could find him as well as listen to his newest mixes and sets.

On top of a new website, we also wanted to brand his artist moniker to something unique and bold.

The Branding and Design Tokens

We used bold colors and strong typography to add some modern, brutalist elements to both the branding and the interface components. Doing so helps the branding remain unique amongst a sea of minimally-branded musical artists.

Website Design

Using teh SoundCloud SDK and API, I was able to gather his latest mixes and populate a list dynamically on the front-end. Users are now able to play/pause any of his latest sets directly from his website within a responsive audio player.

Rather than use a static-site builder, WordPress, or and design tool options (eg. WebFlow, Squarespace, Wix, etc.), I decided I could work fastest and build for scalability by using simple HTML (PUG), CSS (SCSS), and JS. While also being the fastest for my workflow on this project, I thought it would also help make the most out of the design tokens we chose without interference from any third-party, opionated libraries.

Conclusion and Next Steps

While this is currently only a single page webiste with a handful of components, I hope to add a few more functional items if things test well. Based on user feedback and industry trends, it might be worthwhile to work on future explorations to inspire larger engagement, more features, and more seamless integration of what users might want. As the content matures I should iterate on the website and make it simpler and more useful for our users.:

• Newlsetter sign-up
• Instagram feed integration
• Video player
• Detailed booking form
• Social media tracking