Agua Banner

Catégorie

Solution digitale

Compétences

Blog
CMS
Design d'expérience (UX)
Design d'interface (UI)
Développement sur-mesure
www.quentindujardin.be

Quentin Dujardin — Site web sur-mesure

Refonte UX/UI et développement d’un site administrable

Contexte

Guitariste, compositeur et producteur belge, Quentin Dujardin crée des univers musicaux intimes et uniques. Il collabore avec des artistes de renommée internationale, dont Toots Thielemans ou Lee Townsend, et son travail est régulièrement primé.

Il gérait jusqu’alors un site web en HTML statique, sans back-office, ce qui l’obligeait à dupliquer ses pages pour chaque langue et à gérer son SEO manuellement. Un processus long, complexe et peu flexible.

Sa demande :

  • moderniser le design et l’expérience utilisateur,
  • repenser l’ergonomie,
  • optimiser le référencement,
  • et disposer d’un site administrable facilement grâce à un CMS évolutif.

Notre approche UX & architecture

Nous avons commencé par analyser en profondeur l’architecture du site existant afin d’identifier les blocages et les opportunités.

Ensuite, nous avons :

  • conçu une nouvelle structure en wireframes,
  • créé un prototype cliquable pour tester la navigation,
  • proposé un concept visuel complet pour définir la ligne esthétique du site.

Le nouveau site offre une page d’accueil plus riche, accompagnée d’encarts menant vers les sections clés : biographie, discographie, actualités, dates de concerts, galerie photo/vidéo, presse, artiste 360°, ainsi que des actions essentielles comme "Soutenir l’artiste" et "Contact".

La navigation est désormais intuitive et fluide grâce à une structure claire :

  • Discographie approfondie : albums, BO, projets et singles triés par catégories, avec affichage dynamique.
  • Pages albums : intégration d’un lecteur Spotify pour écouter les morceaux.
  • Filmographie : structure similaire, pensée pour mettre en valeur chaque projet.
  • Concerts : liste triée par prochaines dates avec toutes les informations utiles.
  • Newsletter : intégration Mailchimp à des endroits stratégiques, conforme RGPD.
  • Contact : pages dédiées pour joindre l’artiste, l’équipe, ou commander des albums physique

Développement sur-mesure & CMS WordPress

Nous avons choisi WordPress, entièrement personnalisé via des modules dédiés :

Module Produits

Gestion complète des albums, singles et projets :

  • images (banner, cover),
  • résumé,
  • informations détaillées,
  • lien Spotify,
  • gestion des partitions,
  • option “album physique”,
  • association de produits (albums cadeaux).

Modules Actualités & Filmographie

Gestion des cartes visuelles : image/vidéo, titre, description et lien externe.

Module Événements

Ajout des dates de concerts avec tri automatique, page archives, système d’inscription intégré pour les événements organisés en interne.

Module Page

Personnalisation du banner d’accueil, gestion de la biographie et de sa timeline, contenus spécifiques par page.

Un challenge supplémentaire : le light & dark mode

Nous nous sommes volontairement lancé un défi technique : proposer un site compatible light & dark mode, synchronisé avec le thème de l’utilisateur ou de son navigateur.

Ce choix renforce :

  • le confort visuel,
  • la personnalisation,
  • et l’image moderne du site.

Résultats

Le nouveau site de Quentin Dujardin est :

  • plus intuitif,
  • plus riche,
  • plus facile à administrer,
  • optimisé pour le SEO,
  • et visuellement aligné avec son univers artistique.

Un outil puissant pour promouvoir son travail, communiquer avec ses fans et soutenir ses projets.

Pour Gintlemen, ce fut une belle immersion dans le monde de la musique, avec un projet à la fois visuel, technique et profondément humain.

Fun fact : nous avons écouté plus de 65 heures de sa musique pendant le projet. Une belle découverte !

Retour sur la collaboration

Quentin Dujardin, le perfect serve Copper Head Black Batch

Épicé
Floral
Doux
Agrume

Prêt à collaborer avec nous ?

Chaque idée mérite son perfect serve