Sound bank management application and project call

WeCompoze is a platform dedicated to the creation and management of sonic identities. It enables brands to launch open calls to composers while also providing access to a library of sound assets that can be explored and licensed.

The challenge was to design an experience capable of supporting these two distinct use cases — custom sound creation and an existing sound library — within a clear, fluid, and coherent product for different types of users.

Client

WeCompoze

My role

UI Design

Categories

SaaS

Desktop

BtoB

BtoC

Project duration

4 month

Year

WeCompoze platform

01

Understanding the product

Brand in need of a sonic identity

Call for projects

Composers

Brand in need of a sonic identity

Call for projects

Composers

To understand the product, I started by analyzing the ecosystem of the platform and the interactions between its different actors: the brands, the composers, and the internal team.

This step allowed me to identify two main uses:


01

The management of calls for projects for the creation of sonic identities

02

The assessment of proposals not accepted through a reusable sound bank.

01

The management of calls for projects for the creation of sonic identities

02

The assessment of proposals not accepted through a reusable sound bank.


I also studied the business model and the expectations of the users in order to clarify the product objectives and the constraints to be considered for the continuation of the design.

02

Mapping the user flows

To better understand how the platform works, I have mapped the user journeys distinguishing three main flows: the journey of companies, that of composers, and that of the WeCompoze team.

This modeling allowed me to clarify the role of each actor in the process of creating a sound identity, from defining the brief to selecting the composer.

The visualization of these three journeys also highlighted several frictions in the existing interface, particularly in understanding the project stages, tracking participation, and the flow of information between the different actors.

These flows then served as a basis to structure the platform architecture and guide design decisions.


Business journey

WeCompoze journey

Composer journey

Brand in need of a sonic identity

Defines the brief with WeCompoze

Call for project is published

Selects the winning composer

Business

WeCompoze

Composer

Brand in need of a sonic identity

Defines the brief with WeCompoze

Call for project is published

Selects the winning composer

03

Structuring the platform

Based on the identified user journeys, I initially structured the back-office architecture to clearly organize the different functionalities of the platform.

The interface was designed around three main pillars: project and sound catalog management, sales-related functionalities, and the general settings of the platform.

This organization allows grouping actions by business logic, while simplifying navigation for administrator users.

The definition of this hierarchy served as a basis for designing the screens and ensuring the overall coherence of the interface.


Projects and catalogs

Dashboard

Projects

Albums

Signatures

Sale

Products

Orders

Private label

General settings

Users

Roles and permissions

Import / Export

Terms and Conditions / Contracts

Dashboard

Projects

Albums

Signatures

Products

Orders

Private label

Users

Roles and permissions

Import / Export

Terms and Conditions / Contracts


Backoffice

PROJECTS AND CATALOGS

Dashboard

Projects

Albums

Signatures

SALE

Products

Orders

Private label

GENERAL SETTINGS

Users

Roles and permissions

Import / Export

Terms and Conditions / Contracts

04

Design the experience

Based on the architecture defined earlier, I designed the main screens of the platform, ensuring a clear and consistent experience for different users.


The work focused on managing project calls, exploring the sound library, and administering the catalog from the back office.

The goal was to simplify the consultation of content, the management of participations, and administrative actions, while ensuring a readable and structured interface.


This design phase allowed for transforming the product architecture into a smooth and usable user experience on a daily basis.


Name

Dark

Light

Black

Black

0C0C0C

0C0C0C

FFFFFF

FFFFFF

Black 2

Black 2

1F2126

1F2126

1F2126

5

%

1F2126

Black 3

Black 3

181818

181818

F2F2F2

F2F2F2

Black 4

Black 4

050B20

050B20

E6ECFF

E6ECFF

White

White

FFFFFF

FFFFFF

000000

000000

White 3%

White 3%

FFFFFF

3

%

FFFFFF

000000

3

%

000000

White 5%

White 5%

FFFFFF

5

%

FFFFFF

000000

5

%

000000

White 8%

White 8%

FFFFFF

8

%

FFFFFF

000000

8

%

000000

Also, thanks to the use of Figma variables, I was able to integrate into the high-fidelity prototype the switch between light mode and dark mode.


Sound bank management application and project call

Sound bank management application and project call

Sound bank management application and project call