Nos réalisation

TesNotes

Marketplace WooCommerce de vente en ligne de partitions de musique

TesNotes
Date
février 2022
En bref
E-commerceMarketplaceFiltre à facettesLogoCharte graphique
Visiter le site
Description

La vocation de TesNotes est de rendre accessible des partitions de musiques (fanfare, bandas...) depuis n'importe quel appareil connecté. La maison de disques Agorila derrière ce projet a publié plus de 400 partitions accessibles en ligne ! Elle propose aussi à tous les artistes de venir partager leurs propres partitions directement sur la plateforme TesNotes.

Pour répondre à ce projet, nous avons créé un site e-commerce de vente de partitions numériques et avons dédié tout un espace marketplace pour permettre à quinconce de vendre des partitions.

Ce projet de grande envergure était simple sur le papier : créer un site e-commerce sur lequel il serait possible d’acheter des partitions de musiques au format PDF.

En réalité, il cache un travail d’import de données sur-mesure, une catégorisation produit spécifique, une personnalisation de WooCommerce et une marketplace. Rien que ça.

Parti de la feuille blanche, nous avons créé un logo à partir du nom « TesNotes ». Ensuite, nous l’avons décliné en charte web en proposant un design à la fois épuré et élégant. Mais nous avons rapidement rencontré un souci visuel.

Illustrer graphiquement des partitions dans un listing n’est pas aisé : le rendu à l’œil sur de petites vignettes est disgracieux et ne permet pas de distinguer les partitions les unes des autres.

Notre solution a été de générer à la volée des vignettes colorées à partir du nom de l’artiste. Une manière simple de pouvoir différencier les éléments dans la liste produit.

Catégorisation et filtres

Les partitions possèdent des spécificités comme des instruments, des auteurs, des compositeurs, etc. Il était essentiel de bien travailler la structure de la base de données produits pour pouvoir l’intégrer parfaitement dans WooCommerce.

L’enjeu était de transformer des partitions papiers en partitions accessibles en PDF. Cela a impliqué un énorme travail de numérisation ! C’est ensuite que nous avons travaillé à partir d’un tableur Excel.

Une fois l’import produit réalisé, nous avons mis en place un moteur de recherche avec filtres à facettes. Il est ainsi très simple de pouvoir chercher et trouver la partition de son choix. Un rafraîchissement instantané des résultats via Ajax a été développé spécifiquement pour TesNotes afin de permettre un affichage rapide.

Marketplace
Marketplace

On pourrait croire que TesNotes n’est qu’un simple site e-commerce de vente en ligne. Et pourtant, tous les artistes sont invités à venir publier leurs propres partitions directement sur la plateforme TesNotes.

Avec un compte sur TesNotes, il est possible de devenir vendeur. Nous avons travaillé pour que ce site soit à la fois un e-commerce et une marketplace.

Chaque vendeur peut donc créer sa propre fiche en tant qu’artiste et publier ses partitions en fixant soit-même le tarif.

Responsive
Responsive

Rendre accessible des partitions papiers au format numérique est un défi que TesNotes a relevé !

Pour répondre à ce challenge, nous avons travaillé pour que la structure du site Internet soit optimisée en responsive design. Toutes les informations restent disponibles sur chaque support, du desktop au mobile.

La tablette n’a pas été oubliée. C’est un support parfaitement adapté au public du site Internet TesNotes, elle représente un usage intéressant.