Octiive Music Website Design

Website: octiive.com

A Challenge

To create an interface for a music distribution service. Main users are artists who want to sell their tracks faster via streaming platforms. The main idea is to have an ability to upload music tracks to many platforms (YouTube, Deezer, Google Play Music etc.) at once and then monitor their promotions and selling.

Project Goals

Design a web-platform with clean and intuitive interface for music distribution. Uploading and selling music should be entertaining but also trustworthy. Expected platforms to maintain: Web, mobile (responsive design).

Business Goals

Engage users and give them the opportunity to develop new paths in their careers. Provide a convenient experience throughout the user journey.

User Goals

To increase the amount of sold music tracks. To find the faster way of mastering and uploading music. Have an ability to interact with a service (Help, Consultants, etc.)and get necessary statistics and overview.


I started my research by registering at top streaming platforms such as Pandora, Deezer, Spotify and reveal their basic functionality. Then I analyzed also their features and made some ranging.

I also have had interviews with experts from the stakeholders' side, which led me to organize user problems and prepare my further questions. As a result, I've created a questionnaire for the focus group of users.

The Approach

I gathered initial requirements and product vision by organizing sessions with VPs and internal music experts. We created a product scope document in a shared folder and also did a lot of brainstorming.

For user testing I asked about creating a focus group. Luckily, there were already some professional musicians in a team of VP, so we gained a lot of knowledge regarding music distribution and industry in general. We have also tested our initial wireframes asking focus group and got a lot of feedback.


After research and brainstorming, our design team has prepared rough sketches and wireframes to discuss the general flow. We also have had our HMW sticky notes on a board to support our discoverings.

Landing Page

Along with our marketing team, designers have been worked on a landing page copy and imagery. At this stage, we also implemented basic colors and fonts for our project.


After testing clickable prototypes I prepared UI for a dashboard. I covered several user flows and described how the interface would change depending on the type of user.

UI Preparation

For this project we used Figma. We have had a nice experience while working with it newly released features.

Our UI system included all the necessary states for the elements, buttons, icons, etc. When there will be a need to extend the UI system, it would be very simple, I believe!

Knowledge gained

It is nice to be aware of continuous interface growth. When features are added, we have twice as many controls and icons as we should. How should we organize and display them? This is crucial for a UX Designer to review the flow and users' roles all the time to control how the interface looks. For example, if a user is already logged in and has posted some tracks, there's no need to show him the "Register Your Label" button on the Dashboard, because it was already done.

Very important to have Support and Help in a visible place on a Dashboard. Even if the interface is clear, there is always a place for a user to hesitate. When your service is fresh, and users are early registered, it's better to provide detailed FAQ and Customer Support. Chat is the best option. It allows you not only to engage users and allow them to know your service better but also reduces some UX questions by continuing user testing during a production stage.

Desk-friendly exercises for office workers

Desktop interface for performance marketing company

A simple yet useful app


Let's Meet

Currently in Frankfurt :)

Message Me