UX / UI and Website Design for Music DJs and Producers by Uikreative

about project

About BPM Supreme

BPM Supreme was looking out for a UI/UX designer who could design and develop their web interface distinguished and illustrious. I got an opportunity to showcase my design insights to this prominent client in 2012. I submitted a design model made up with pure simplicity, and with clear objective of clean and pleasant user experience. Beyond just informative, this interface is going to be used by world class DJ’s, so the biggest challenge was to incorporate a design which can be acceptable among international DJs community, so they can start as their personal playlist portal and got to trust this system while performing . Fortunately, my design surpasses audience response and I actually became turnkey partner for BPM Group. From Design to development,from functionality to content, made this website a great success among user community.

My role
Design Direction
User Research
UX/UI Design
Illustrations & Animations

Service
Website Design
Frontend development
Product Management

My Role

As a freelance UI/UX designer, the biggest challenge in this project was to understand the needs of the DJ’s and based on their insights, create a User friendly platform which would be appealing enough for them to use. Initially, I started off with their website from scratch about five years ago. Gradually, my participation in this project increased as the website was being developed in full swing and another set of digital products around it were also to be designed. These included multiple websites, web applications, social media and all marketing collaterals.

My role was defined as a consultant and lead designer for the BPM Group, and on the same time, independently handling all the UI/UX aspects in and around the entire project. The website is created so that it works perfectly on all devices from large desktop screens to small mobile devices.

BPM Website

From different parts of the world come different people with diversified cultures and interests. So, along with the Parent website, BPM Supreme wanted an associate website for the Dj’s from all over the world, who partner with BPM Supreme. Their aim was to reach out to different parts of the world and set a trend which is recognized globally through their website ensuring consistent brand guidelines. So in order to fulfil their needs, a unique, creative and smooth interface was designed and developed. This helped BPM Supreme to establish their brand and online presence to a larger audience in the world. The Affiliate website was specially designed with dark colors but the visual touch of the brand remained consistent throughout and it contributed the cohesive and harmonious look of the BPM SUPREME brand identity across all relevant media. Trendy, modern, cheerful and high contrast sharp images were used so as to transfer the values of BPM Supreme to their customers or potential customers.

Design and Brand Guidelines

The logo serves as the biggest and most important identity for any brand. So the concept behind BPM Supreme logo was designed to be clean, simple and impactful for its users. It is a combination of two elements, Logo symbol and Logo type. The Logo symbol is inspired from spinning records showcasing a vibrant DJ culture which is easily recognizable. The Logo type is elementary yet compelling which gives a long-lasting effect to the brand. And the use of upper case letters further enhances the legitimate style.
The complete UI of the brand seems to be fresh and enthusiastic with an appealing fusion of colors and artistic approach. Logo is designed with a combination of red and black colors serving the international standards. Red represents energy, strength and power whereas Black represents elegance and mystery. The visual interface of the website is very empowering and positively compels its users for their engagement.

BPM Website

My Approach

My approach involved a lot of research in creating and developing a very clean, classy and seamless navigation through the entire website for its users. The entire process was based on the needs of the DJ’s and involved a lot of wireframing and prototyping.

Dashboard and Members Page Design

Another page on the website was the DJs personal member page. A friendly user experience gained true appreciation from users here. Here, an access to all the international radio charts, interviews, news and industry trends has been given. A customized library allows user to create and discover different things depending on the culture and taste of the audience. While working on it, the main challenge was to keep it simple, yet powerful to announce the versatile offerings BPM Supreme has to offer.

Dashboard and Members Page Design

BPM Supreme strives to provide the most seamless user experience offering a wide variety of genres, each track fully tagged and Serato software ready. Functionality plays an important role in the website. Features like Record Pool for Dj’s, MP3 download subscription etc were inculcated.

BPM Web App

My role was to create an intuitive and interactive interface for its users.

Coming to the UI/UX part of the mobile application, my role was to create an intuitive and interactive interface for its users. Create multiple screens which would leave a positive impact on the users and motivate them to set their own goals and accomplish them was the main task. I inculcated decent amount of features along with functionalities ranging from type of workout, to start and end the workout, to set a dedicated calender of the workouts and many more. The application is created so that it works perfectly on all devices of different screens.