Étude de cas
Studio ONOff
SCOPE
Refonte du site internet du studio de musique ONOff avec ajout du e-commerce
Refonte du site internet en mettant en avant les services du studio comme la formation musicale et la production d’artistes. Mise en place des actualités concerts, tournées et masterclasses avec le blog. Création de la partie e-commerce pour vendre en ligne les relevés de partitions téléchargeables pour plus de 1000 titres. À cela s’ajoute la possibilité d’acheter du matériel professionnel de musique. Enfin, développement d’un quizz en ligne à l’occasion du festival organisé par le Studio ONOff.
L'univers
Studio de production, d'arrangement, d'enregistrement et formation musicale
Le Studio ONOff offre une formation musicale et scénique variée et très riche à des jeunes artistes motivés. Aussi, les musiciens en herbe peuvent venir enregistrer, arranger et produire leurs albums sur place avec du matériel professionnel de haute gamme. De plus, fort de ses 20 ans d’expériences, le Studio ONOff propose des relevés de partitions de qualité et du matériel professionnel d’occasion.
la Problématique
Un site internet "HAS BEEN"
Le site « fait maison » sur wordpress.com présente plusieurs points critiques : Son design, son ergonomie et sa navigation n’ont pas été pensés en terme d’expérience utilisateur. Le SEO du site en est terriblement affecté. Aussi, le Studio n’est pas propriétaire de ses données qui restent sous wordpress.com (la gratuité a un coût). Enfin, le site ne répond pas aux besoins d’évolution du Studio ONOff qui souhaite mettre à profit son travail de relevé musical en le proposant à la vente en ligne.
Le défi
Créer un site de e-commerce et blog vibrant et efficace
Mettre en valeur l’atmosphère unique du Studio ONOff et proposer un grand nombre de produits en ligne tout en optimisant l’expérience utilisateur. Enfin, s’assurer des performances techniques du site et de son « SEO friendly ».
Vidéo plein écran dès la page d'accueil du site
Méthode & savoir-faire
Vente de partitions et de matériels audio, présentation du studio d'enregistrement et de la formation musicale.
La refonte du site internet met en valeur le studio d’enregistrement et sa formation musicale. Aussi, l’ajout de la boutique en ligne pour vendre d’une part des relevés musicaux disponibles au téléchargement et d’autre part du matériel audio professionnel d’occasion, permet de compléter l’offre du Studio ONOff. Enfin, le blog est indispensable pour montrer les coulisses et les actualités du studio.
Le site est élaboré sur le CMS WordPress qui permet à la fois de présenter, d’animer et de vendre en ligne. Il est développé avec le constructeur de pages Elementor dans sa version PRO pour une personnalisation et une maîtrise du design avec la création d’un thème unique. Ainsi, le site très complet peut présenter malgré tout une navigation et une ergonomie simple, intuitive et parfaitement adaptées au monde de la musique. Enfin, la solution de e-commerce s’appuie sur le robuste plugin WooCommerce, une référence pour les sites proposant de la vente en ligne.
Approche & choix graphiques
Design vibrant et immersif, inscrit dans l'univers de la création musicale.
Le site internet doit vibrer tout en restant très structuré afin de bien retranscrire le professionnalisme incontestable du Studio ONOff. L’émotion suscitée est la joie et le plaisir de jouer dans un cadre à la fois propice à la création et au perfectionnement.
Le noir et le blanc sont venue naturellement car déjà portés par le logo du Studio ONOff et son affiche emblématique. À cela, un violet lumineux accompagné d’un bleu dynamique apporte la touche émotionnelle du design. Des dégradés ponctuels, judicieusement placés sur des actions cléfs (CTA) peaufine l’élégance de la mise en page du site à la fois minimaliste, structurée et vivante.
Site e-commerce
Résultat en images
CATALOGUE DE CHANSONS
Une boutique en ligne très complète avec un système de filtre.
Plus de 1000 relevés musicaux sont proposés sur le site. Des filtres permettent de trouver et d’identifier les partitions recherchées afin que chacun trouve son bonheur. Les catégories sont suffisamment distinctes et hiérarchisées pour que chaque titre proposé trouve sa juste place dans le catalogue.
Le chargement différé et automatique du catalogue garantit un affichage rapide des titres.
L’apparence de la boutique sur smartphone est optimisée malgré le nombre important de partitions proposé.
Fiche individuelle de relevé musical
Le modèle pour les relevés musicaux est très complet avec un choix de type de partitions multiple pour chaque instruments de musique. Les partitions sont à télécharger après achat.
Dans l’idéal, un extrait musical est en écoute. Pour chaque achat, les paroles sont offertes ainsi que les fichiers audio au format mp3.
Des suggestions d’autres relevés sont également proposées afin d’augmenter le panier client.
Le tunnel de vente optimisé
un parcours d'achat sans distraction pour optimiser le taux de conversion
Éprouvée par les plus grands acteurs du e-commerce (cf la fnac.fr), les étapes pour valider la commande sont épurées, limpides et sans distraction.
Studio d'enregistrement
Un Web Design aéré et dynamique
Chaque page met en valeur un des services du studio comme l’enregistrement, l’arrangement, la production ou encore la formation musicale et scénique. La mise en page est structurée et épurée avec quelques micro-animations qui dynamisent le tout. Le design est responsif pour une affichage impeccable sur grand écran comme sur smartphone.
BLOG / ACTUALITé
Les coulisses du studio et ses tournées
Comme pour la vente des partitions en ligne, le challenge ici est de proposer une actualité riche et variée en restant structurée et ordonnée. Le choix a été fait de catégoriser les articles en fonction des saisons, des concerts, des tournées et du festival LIFETIME.
La sidebar permet de filtrer les articles en proposant, en plus des catégories, quelques mots clefs et un article à la une (le dernier publié)
La catégorie dédiée au LIFETIME festival est un peu à part car unique dans la vie du studio ONOff. Avec son trailer, ses articles, son affiche et sa campagne participative, cette catégorie nécessitait une mise en page personnalisée et distinct du reste du blog.
QUIZZ
Une chasse au trésor initiée pour fêter les 20 ans du Studio
Comme pour la mise en page du Festival, une attention particulière a été apportée pour l’introduction de la chasse au trésor. Une atmosphère particulière avec un fond noir pour présenter l’histoire du FIRESKULL, la fiche du quizz payant en ligne et enfin le jeu adapté sur grand écran et mobile.
