Relooking extrême du site Web du groupe SXSW : résultats avant et après !

Publié: 2022-05-22

Site Web de D. Edward avant et après le relooking extrême du site Web du groupe SXSW Au SXSW de cette année, nous avons organisé la première mondiale d'un panel en 2 parties intitulé "Band Website Extreme Makeover". Ce fut un énorme succès et nous voulions partager les résultats avec vous.

Panélistes de la refonte extrême du site Web du groupe Notre panel comprenait Ari Herstand (musicien, blogueur chez Ari's Take/Digital Music News), Brian Felsen (président, AdRev), notre directeur des relations avec les artistes Dave Cool, Chandler Coyle (co-fondateur, Music Geek Services) et le PDG de Bandzoogle David Dufresne.

La première partie était le "Website Demolition Derby", qui présentait des critiques en direct des sites Web des groupes. Les musiciens du public ont soumis leurs sites Web et notre panel a examiné la conception, l'organisation, le contenu et la fonctionnalité de chaque site.

Nous avons examiné environ une demi-douzaine de sites au cours de la session d'une heure, puis avons choisi un gagnant dont le site Web serait repensé et utilisé pour la partie 2 sur la façon de créer un site Web de groupe efficace. Et ce musicien chanceux était D. Edward !

Le choix du site Web de D. Edward ( voir son ancien site ici : http://dedwardmusic.com/bandzoogle/ ) a rendu notre travail quelque peu facile, car il avait beaucoup de contenu de qualité et de belles images (et il a une musique fantastique !). Mais son site Web avait cruellement besoin d'une présentation plus agréable, d'un peu d'amour pour le design et d'une meilleure organisation/désencombrement.

Site Web de D. Edward : avant et après

MOTIF

Nous avons rencontré D. Edward le lendemain du panel pour discuter des thèmes, des images et des polices. Après cette première rencontre, nous sommes allés de l'avant et lui avons construit un tout nouveau site Web : http://dedward.bandzoogle.com ( note : D. Edward pourra facilement faire pointer son domaine actuel vers le nouveau site sur Bandzoogle )

Cela a pris tout le temps de * 3 heures * et seulement quelques cafés (et le thé glacé géant de Chandler). Pas de codage, pas de travail de conception sophistiqué.

Nous avons choisi le thème de Manhattan qui correspondait très bien aux images qu'il avait. Nous avons utilisé son image d'en-tête d'origine pour l'image de la page d'accueil, puis une photo différente pour les pages intérieures.

Nous avons également téléchargé son logo (qui est sa signature) dans la zone d'en-tête. Pour les icônes sociales, nous les avons ajoutées à l'ensemble du site, en haut de chaque page, et elles correspondent désormais parfaitement à l'apparence du site Web.

Et peut-être le meilleur de tous ? Étant donné que tous les thèmes de Bandzoogle sont réactifs sur mobile, son site a désormais une apparence et fonctionne parfaitement sur les appareils mobiles, ce qui n'était pas le cas auparavant.

CONTENU

D. Edward avait déjà beaucoup de bon contenu, nous avons donc travaillé avec ses images et son logo actuels, importé sa musique via notre intégration SoundCloud et utilisé notre intégration Twitter pour ajouter du nouveau contenu à son site.

Pour le reste, nous nous sommes simplement servis du contenu déjà trouvé sur son site, et voici ce que nous avons fait :

PAGE D'ACCUEIL

Sur l'ancien site de D. Edward, sa page d'accueil comportait une colonne de large et comportait un méli-mélo de logos, plusieurs vidéos, des icônes sociales mal formatées, des boutons de partage et un bouton de don éparpillés sous le pli.

Pour son nouveau site (http://dedward.bandzoogle.com/home), nous avons réorganisé les choses et ajouté du contenu pour montrer sa dernière activité.

Tout d'abord, nous avons fait de la page une mise en page à 2 colonnes avec une barre latérale droite. Nous avons ensuite ajouté une courte biographie en haut de la page avec une excellente citation de presse. Nous avons également ajouté un lecteur de musique à l'échelle du site afin que les visiteurs puissent écouter sa musique en continu tout en parcourant d'autres parties de son site (pas de démarrage automatique !).

Pour son inscription à la liste de diffusion, nous l'avons placée tout en haut de la page et avons ajouté un appel à l'action qui permet aux fans de savoir qu'ils recevront un téléchargement gratuit de son premier album lors de leur inscription (qui est automatisé à l'aide de notre mailing fonctionnalité de liste).

Pour ajouter du nouveau contenu à la page, nous avons ajouté son fil Twitter à la page et une liste des émissions à venir.

MUSIQUE

Sur son ancien site, D. Edward avait une page "Écouter", que nous avons changée en "Musique". Plutôt que de simplement intégrer un lecteur SoundCloud, nous avons importé sa musique de SoundCloud dans nos lecteurs de musique afin qu'il puisse non seulement diffuser sa musique, mais aussi vendre des téléchargements directement à ses fans et conserver 100 % des revenus.

Un autre changement que nous avons apporté a été de supprimer la page "Paroles" de son site. Au lieu de cela, nous avons ajouté les paroles de chaque chanson dans le lecteur de musique, que vous pouvez trouver en cliquant sur "Info".

Alors maintenant, D. Edward est configuré pour vendre de la musique directement à ses fans, les chansons et les albums sont tous facilement partageables sur les réseaux sociaux et incluent les paroles au même endroit !

PHOTOS

Sur son ancienne page Photos, D. Edward avait simplement une galerie de photos aléatoires. Nous avons conservé cette galerie de photos sur sa nouvelle page Photos, puis ajouté des photos promotionnelles haute résolution en haut de la page. Cela nous a permis d'éliminer sa page "Publicité" de la navigation, qui ne contenait que ses photos promo et un ancien communiqué de presse.

SPECTACLES

Pour sa page Spectacles, D. Edwards avait simplement ajouté du texte à la page à chaque fois qu'il avait un concert. Nous avons copié les informations de ses prochains spectacles dans notre fonction Événements où nous avons pu :

Inclure une image personnalisée pour chaque événement
Ajouter des informations d'adresse qui renvoient directement à Google Maps
Ajouter des liens pour acheter des billets
Ajouter des restrictions d'âge

De plus, chaque événement est désormais facilement partageable via les réseaux sociaux, afin que les fans puissent aider D. Edward à faire connaître ses prochains spectacles.

Comment D. Edward a-t-il réagi ?

Les panélistes de Band Website Extreme Makeover à SXSW avec le gagnant D. Edward

Peut-être que la partie la plus amusante de tout cela a été de pouvoir présenter le nouveau site Web à D. Edward en direct devant un public pour la partie 2 du relooking extrême du site Web du groupe !

Après un examen rapide de l'ancien site de D. Edward et de la raison pour laquelle nous l'avons choisi, nous avons mis son nouveau site Web à l'écran pour que tout le monde puisse le voir, y compris D. Edward pour la première fois. Inutile de dire qu'il a été époustouflé et a adoré le site que nous avons construit pour lui !

Donc, un grand merci à D. Edward pour avoir joué le jeu, à nos panélistes pour en avoir fait partie, à tous ceux qui ont assisté aux deux panels, et bien sûr un grand merci à SXSW pour nous avoir permis de créer Band Website Extreme Makeover cette année.

Considérant à quel point cela a été un succès, nous avons le sentiment qu'il y aura plus de panels de refonte de site Web lors des prochaines conférences. Oh, et si quelqu'un veut transformer le concept en une série télé-réalité, nous sommes à l'écoute !

Si vous créez un nouveau site pour votre musique et que vous avez besoin d'aide, assurez-vous de lire notre guide gratuit Comment créer un site Web pour votre musique