Piotr Nowicki
UX Designer and Project Manager
I collect cookies for analytics purpose only. See Privacy Policy for more details.

Closer Music

One thousand songs stock library without the hassle

a screenshot of a websitea screenshot of a website
Role
User Experience
Information Architecture
User Flows
Wireframes
Project Management
Collaboration

Mateusz Madura
Owls Department

Challenge

Closer Music was created in response to the growing demand for licensed access to music content, acting as a bridge between the business world and the realm of music. Its new website had to feature a music catalog with an integrated player, encompassing hundreds of hours of music created by artists from around the globe. The objective was to create a converting platform based on direct B2B channel communication, alongside the engineering challenge of developing a suitable architecture for file conversion and an efficient process for catalog management.

No dead ends

The website was aimed for two User groups: customers seeking licensed music and music creators. A simple yet engaging homepage was created, offering users a guide to dedicated sections tailored for both audience groups. All pages were designed with a no-dead-ends approach, ensuring seamless navigation between sections and preventing users from being left without finding their desired content.

a screenshot of a websitea screenshot of a website

All roads lead to the Catalog

The primary objective was to prompt Users to create an account for lead generation and introduce themselves with an extensive music catalog, ultimately leading to order placement. We opted to limit access to the catalog for logged-in users, while allowing non-logged-in users access to playlists featuring samples of various musical genres. As a result, the entire site's structure directed Users towards the Catalog, encouraging them to Sign in to gain access to all its features.

webpage prototypefigma wireframes of a webpage

User Flows included Onboarding, adding tracks to the cart, placing an order, as well as account editing and deletion. All processes were designed to ensure efficiency, clearly indicating the action taking place and the subsequent step in the process. The website was integrated with the Mailchimp platform, automating email communication with Users at all stages of the Customer journey.

user flowuser flow
screenshots of the upload tablescreenshots of the upload table
Deeper integration with AWS Cloud allowed batch upload of large packages of music files with information tags attached. The entire process was designed to simplify the Admin task, taking into account batch file conversion to the optimal format for the web playback.

To build User loyalty, a feature allowing users to create a list of favorite tracks was incorporated. This enabled Users to revisit and edit their playlists when placing subsequent orders.

a screenshot of a websitescreenshots of the webpage

Browsing through 1000 songs without a hassle

Such a large Catalog required appropriate tools to connect Users with the desired tracks. It was equipped with a search engine featuring dynamic suggestions based on tags assigned to the songs, along with a multi-level filtration system to narrow down the selection. All features are optimized for mobile devices, enabling users to log in, browse, play selected songs, and place orders on the go.

screenshots of the webpagea screenshot of a website