Экстремальный макияж сайта группы SXSW: результаты до и после!

В этом году на SXSW состоялась мировая премьера панели из двух частей под названием «Экстремальное преображение веб-сайта группы». Это был огромный успех, и мы хотели поделиться результатами с вами, ребята.

В нашу группу вошли Ари Херстанд (музыкант, блогер Ari's Take/Digital Music News), Брайан Фелсен (президент AdRev), наш директор по связям с артистами Дэйв Кул, Чендлер Койл (соучредитель Music Geek Services) и генеральный директор Bandzoogle Дэвид Дюфрен.

Частью 1 было «Дерби по сносу веб-сайтов», в котором в прямом эфире критиковались веб-сайты групп. Музыканты из аудитории представили свои веб-сайты, и наша комиссия рассмотрела дизайн, организацию, содержание и функциональность каждого сайта.

Мы рассмотрели около полудюжины сайтов за часовую сессию, а затем выбрали одного победителя, чей веб-сайт будет переработан и использован для части 2 о том, как создать эффективный веб-сайт группы. И этим счастливым музыкантом был Д. Эдвард!

Выбор веб-сайта Д. Эдварда ( см. его старый сайт здесь: http://dedwardmusic.com/bandzoogle/ ) несколько облегчил нам работу, потому что у него было много отличного контента и красивых изображений (и у него фантастическая музыка!). Но его веб-сайт остро нуждался в более приятной презентации, любви к дизайну и лучшей организации/разборке хлама.

Веб-сайт Д. Эдварда: до и после

ДИЗАЙН

Мы встретились с Д. Эдвардом на следующий день после панели, чтобы обсудить темы, изображения и шрифты. После этой первой встречи мы пошли дальше и создали для него совершенно новый веб-сайт: http://dedward.bandzoogle.com ( примечание: Д. Эдвард сможет легко указать свой текущий домен на новый сайт на Bandzoogle ).

На все ушло *3 часа* времени и всего пара чашек кофе (и гигантский чай со льдом Чендлера). Никакого кодирования, никакой причудливой дизайнерской работы.

Мы выбрали тему Манхэттена, которая очень хорошо сочеталась с его изображениями. Мы использовали его исходное изображение заголовка для изображения главной страницы, а затем другую фотографию для внутренних страниц.

Мы также загрузили его логотип (который является его подписью) в область заголовка. Что касается значков социальных сетей, мы добавили их по всему сайту вверху каждой страницы, и теперь они идеально соответствуют внешнему виду веб-сайта.

А может лучше всех? Поскольку все темы Bandzoogle адаптированы для мобильных устройств, его сайт теперь отлично выглядит и работает на мобильных устройствах, чего раньше не было.

СОДЕРЖАНИЕ

У Д. Эдварда уже было много хорошего контента, поэтому мы работали с его текущими изображениями и логотипом, импортировали его музыку через нашу интеграцию с SoundCloud и использовали нашу интеграцию с Twitter, чтобы добавить свежий контент на его сайт.

В остальном мы просто использовали контент, уже найденный на его сайте, и вот что мы сделали:

ДОМАШНЯЯ СТРАНИЦА

На старом сайте Д. Эдварда его домашняя страница состояла из одной широкой колонки и содержала мешанину из логотипов, нескольких видео, плохо отформатированных значков социальных сетей, кнопок «Поделиться» и кнопки «Пожертвовать», разбросанных внизу страницы.

Мы реорганизовали его новый сайт (http://dedward.bandzoogle.com/home) и добавили некоторый контент, чтобы показать его последнюю активность.

Во-первых, мы сделали страницу двухколоночной с правой боковой панелью. Затем мы добавили краткую биографию вверху страницы вместе с отличной цитатой из прессы. Мы также добавили музыкальный проигрыватель для всего сайта, чтобы посетители могли постоянно слушать его музыку, просматривая другие части его сайта (без автозапуска!).

Для его подписки на список рассылки мы поместили его прямо вверху страницы и добавили призыв к действию, который позволяет фанатам узнать, что они получат бесплатную загрузку его первого альбома при регистрации (которая автоматизирована с помощью нашей рассылки). функция списка).

Чтобы добавить на страницу свежий контент, мы добавили на страницу его ленту в Твиттере и список предстоящих шоу.

МУЗЫКА

На старом сайте Д. Эдварда была страница «Слушать», которую мы сменили на «Музыка». Вместо того, чтобы просто встроить проигрыватель SoundCloud, мы импортировали его музыку из SoundCloud в наши музыкальные проигрыватели, чтобы он мог не только транслировать свою музыку, но и продавать загрузки напрямую своим поклонникам и получать 100% дохода.

Еще одно изменение, которое мы внесли, — это удаление страницы «Текст песен» с его сайта. Вместо этого мы добавили текст к каждой песне в музыкальном проигрывателе, который можно найти, нажав «Информация».

Итак, теперь Д. Эдвард настроен продавать музыку напрямую своим поклонникам, песнями и альбомами легко поделиться в социальных сетях, а тексты песен собраны в одном месте!

ФОТО

ШОУ

Что касается страницы «Шоу», Д. Эдвардс просто добавлял текст на страницу каждый раз, когда у него было выступление. Мы скопировали информацию о его предстоящих шоу в нашу функцию «События», где мы смогли:

• Включите пользовательское изображение для каждого события

• Добавьте информацию об адресе, которая напрямую связана с Google Maps

• Добавьте ссылки для покупки билетов

• Добавьте возрастные ограничения

Кроме того, теперь о каждом мероприятии можно легко поделиться в социальных сетях, поэтому фанаты могут помочь Д. Эдварду рассказать о его предстоящих шоу.

Как отреагировал Д. Эдвард?

Возможно, самой забавной частью всего этого была возможность представить новый веб-сайт Д. Эдварду в прямом эфире перед аудиторией во второй части экстремального преобразования веб-сайта группы!

После беглого обзора старого сайта Д. Эдварда и того, почему мы его выбрали, мы поместили его новый сайт на экран для всех, включая Д. Эдварда впервые. Излишне говорить, что он был в восторге от сайта, который мы для него создали!

Так что большое спасибо Д. Эдварду за то, что он подыграл, нашим участникам за участие в этом, всем, кто посетил две панели, и, конечно же, огромное спасибо SXSW за то, что позволили нам провести премьеру Band Website Extreme Makeover в этом году.

Учитывая, насколько это был успех, у нас есть ощущение, что на будущих конференциях будет больше панелей «Преображение веб-сайта». О, и если кто-то хочет превратить концепцию в реалити-шоу, мы слушаем!

---

Если вы создаете новый сайт для своей музыки и вам нужна помощь, обязательно прочитайте наше бесплатное руководство Как создать сайт для своей музыки.