Strona internetowa zespołu SXSW Ekstremalna metamorfoza: wyniki przed i po!

Na tegorocznych targach SXSW odbyła się światowa premiera dwuczęściowego panelu „Band Website Extreme Makeover”. To był ogromny sukces i chcieliśmy podzielić się z wami wynikami.

W naszym panelu wzięli udział Ari Herstand (muzyk, bloger w Ari's Take/Digital Music News), Brian Felsen (prezes AdRev), nasz dyrektor ds. relacji z artystami Dave Cool, Chandler Coyle (współzałożyciel, Music Geek Services) i dyrektor generalny Bandzoogle David Dufresne'a.

Część 1 to „Website Demolition Derby”, w którym zawierały na żywo krytykę stron internetowych zespołu. Muzycy z publiczności przesłali swoje strony internetowe, a nasz panel sprawdził projekt, organizację, zawartość i funkcjonalność każdej strony.

Przejrzeliśmy około pół tuzina witryn w czasie godzinnej sesji, a następnie wybraliśmy jednego zwycięzcę, który przeprojektowałby swoją witrynę i wykorzystał ją w Części 2, aby dowiedzieć się, jak zbudować skuteczną witrynę zespołu. A tym szczęśliwym muzykiem był D. Edward!

Wybranie strony D. Edwarda ( zobacz jego starą stronę tutaj: http://dedwardmusic.com/bandzoogle/ ) ułatwiło nam pracę, ponieważ miał dużo świetnych treści i ładnych obrazów (i ma fantastyczną muzykę!). Ale jego strona internetowa bardzo potrzebowała ładniejszej prezentacji, trochę miłości do projektowania i lepszej organizacji/oczyszczenia.

D. Edward Strona internetowa: przed i po

PROJEKT

Spotkaliśmy się z D. Edwardem dzień po panelu, aby omówić tematy, obrazy i czcionki. Po tym wstępnym spotkaniu zbudowaliśmy dla niego zupełnie nową stronę internetową: http://dedward.bandzoogle.com ( uwaga: D. Edward będzie mógł łatwo przekierować swoją obecną domenę do nowej strony na Bandzoogle )

Zajęło to wszystkie *3 godziny* i tylko kilka kaw (i gigantyczną mrożoną herbatę Chandlera). Bez kodowania, bez wymyślnych prac projektowych.

Wybraliśmy motyw Manhattan, który bardzo dobrze pasował do obrazów, które miał. Użyliśmy jego oryginalnego obrazu nagłówka jako obrazu strony głównej, a następnie innego zdjęcia na stronach wewnętrznych.

Przesłaliśmy również jego logo (które jest jego podpisem) w obszarze nagłówka. W przypadku ikon społecznościowych dodaliśmy je w całej witrynie, biegnąc u góry każdej strony, i teraz idealnie pasują do wyglądu witryny.

A może najlepszy ze wszystkich? Ponieważ wszystkie motywy Bandzoogle są responsywne na urządzeniach mobilnych, jego witryna wygląda teraz i działa świetnie na urządzeniach mobilnych, co nie miało miejsca wcześniej.

ZAWARTOŚĆ

D. Edward miał już wiele dobrych treści, więc pracowaliśmy z jego obecnymi obrazami i logo, zaimportowaliśmy jego muzykę przez naszą integrację z SoundCloud i wykorzystaliśmy naszą integrację z Twitterem, aby dodać nową zawartość do jego witryny.

Co do reszty, po prostu wykorzystaliśmy zawartość znalezioną już na jego stronie, a oto, co zrobiliśmy:

STRONA GŁÓWNA

Na starej witrynie D. Edwarda jego strona główna miała jedną szeroką kolumnę i zawierała miszmasz logo, kilka filmów, źle sformatowane ikony społecznościowe, przyciski udostępniania i przycisk darowizny rozrzucone w części strony widocznej na ekranie.

W jego nowej witrynie (http://dedward.bandzoogle.com/home) zreorganizowaliśmy wszystko i dodaliśmy trochę treści, aby pokazać jego ostatnią aktywność.

Najpierw stworzyliśmy układ 2-kolumnowy z prawym paskiem bocznym. Następnie dodaliśmy krótką biografię na górze strony wraz ze świetnym cytatem prasowym. Dodaliśmy również odtwarzacz muzyki dla całej witryny, aby odwiedzający mogli stale słuchać jego muzyki podczas przeglądania innych części jego witryny (bez automatycznego uruchamiania!).

Aby zapisać się na jego listę mailingową, umieściliśmy go na samej górze strony i dodaliśmy wezwanie do działania, które informuje fanów, że podczas rejestracji otrzymają bezpłatnie jego pierwszy album (co jest zautomatyzowane za pomocą naszej poczty funkcja listy).

Aby dodać trochę nowych treści do strony, dodaliśmy do niej jego kanał na Twitterze oraz listę nadchodzących programów.

MUZYKA

Na swojej starej stronie D. Edward miał stronę „Słuchaj”, którą zmieniliśmy na „Muzyka”. Zamiast po prostu osadzić odtwarzacz SoundCloud, zaimportowaliśmy jego muzykę z SoundCloud do naszych odtwarzaczy muzycznych, aby mógł nie tylko przesyłać strumieniowo swoją muzykę, ale także sprzedawać pliki do pobrania bezpośrednio swoim fanom i zachować 100% przychodów.

Kolejną zmianą, którą wprowadziliśmy, było usunięcie strony „Teksty” z jego witryny. Zamiast tego dodaliśmy słowa do każdej piosenki w odtwarzaczu muzycznym, które można znaleźć, klikając „Informacje”.

Więc teraz D. Edward jest skonfigurowany do sprzedawania muzyki bezpośrednio swoim fanom, utwory i albumy można łatwo udostępniać w mediach społecznościowych, a wszystkie teksty zawierają w jednym miejscu!

ZDJĘCIA

PRZEDSTAWIA

Na swojej stronie z programami D. Edwards po prostu dodawał tekst do strony za każdym razem, gdy miał koncert. Skopiowaliśmy informacje o jego nadchodzących programach do naszej funkcji Wydarzenia, gdzie mogliśmy:

• Dołącz niestandardowy obraz do każdego wydarzenia

• Dodaj informacje adresowe, które prowadzą bezpośrednio do Map Google

• Dodaj linki, aby kupić bilety

• Dodaj ograniczenia wiekowe

Ponadto każde wydarzenie można teraz łatwo udostępniać w mediach społecznościowych, więc fani mogą pomóc D. Edwardowi w rozpowszechnianiu informacji o jego nadchodzących programach.

Jak zareagował D. Edward?

Być może najbardziej zabawną częścią tego wszystkiego była możliwość zaprezentowania nowej strony internetowej D. Edwardowi na żywo przed publicznością w części 2 Ekstremalnej metamorfozy strony internetowej zespołu!

Po krótkim przeglądzie starej witryny D. Edwarda i wyjaśnieniu, dlaczego ją wybraliśmy, umieściliśmy jego nową witrynę na ekranie, aby wszyscy mogli ją zobaczyć, w tym D. Edward po raz pierwszy. Nie trzeba dodawać, że był zachwycony i uwielbiał stronę, którą dla niego zbudowaliśmy!

Wielkie podziękowania dla D. Edwarda za wspólne granie, dla naszych panelistów za udział w tym projekcie, dla wszystkich, którzy wzięli udział w dwóch panelach i oczywiście ogromne podziękowania dla SXSW za umożliwienie nam premiery Band Website Extreme Makeover w tym roku.

Biorąc pod uwagę, jak duży był to sukces, mamy wrażenie, że na przyszłych konferencjach pojawi się więcej paneli dotyczących przeróbki stron WWW. Aha, i jeśli ktoś chce zmienić koncepcję w serial telewizyjny, słuchamy!

---

Jeśli tworzysz nową witrynę dla swojej muzyki i potrzebujesz pomocy, koniecznie przeczytaj nasz bezpłatny przewodnik Jak stworzyć stronę internetową dla swojej muzyki