SXSW Band 웹사이트 Extreme Makeover: Before & After 결과!

올해의 SXSW에서 우리는 "Band Website Extreme Makeover"라는 두 부분으로 구성된 패널의 세계 초연을 주최했습니다. 그것은 큰 성공이었고 우리는 그 결과를 여러분과 공유하고 싶었습니다.

패널에는 Ari Herstand(음악가, Ari's Take/Digital Music News의 블로거), Brian Felsen(AdRev 사장), 아티스트 관계 이사 Dave Cool, Chandler Coyle(Music Geek Services 공동 설립자) 및 Bandzoogle CEO David가 포함되었습니다. 뒤프레인.

파트 1은 밴드 웹사이트에 대한 라이브 비평을 특징으로 하는 "Website Demolition Derby"였습니다. 청중의 음악가들은 웹사이트를 제출했고 우리 패널은 각 사이트의 디자인, 구성, 콘텐츠 및 기능을 검토했습니다.

우리는 1시간의 세션에서 약 6개의 사이트를 검토한 다음 효과적인 밴드 웹 사이트를 구축하는 방법에 대한 2부에서 웹 사이트를 재설계하고 사용할 한 명의 승자를 선택했습니다. 그리고 그 행운의 음악가는 D. Edward였습니다!

D. Edward의 웹사이트( 여기에서 그의 이전 사이트 참조: http://dedwardmusic.com/bandzoogle/ )를 선택하면 작업이 다소 수월해졌습니다. 왜냐하면 그는 많은 훌륭한 콘텐츠와 멋진 이미지를 가지고 있었기 때문입니다(그리고 그는 환상적인 음악을 가지고 있기 때문입니다!). 그러나 그의 웹사이트는 더 멋진 프리젠테이션, 약간의 디자인 사랑, 더 나은 구성/정리화가 절실히 필요했습니다.

D. 에드워드 웹사이트: 전후

설계

패널 다음 날 D. Edward를 만나 주제, 이미지, 글꼴에 대해 논의했습니다. 초기 회의 후 우리는 그에게 새로운 웹사이트를 구축했습니다. http://dedward.bandzoogle.com ( 참고: D. Edward는 그의 현재 도메인을 Bandzoogle의 새 사이트로 쉽게 지정할 수 있을 것입니다 )

*3시간*의 모든 시간과 몇 잔의 커피(그리고 Chandler의 거대한 아이스티)만 소요되었습니다. 코딩도 없고 멋진 디자인 작업도 필요 없습니다.

우리는 그가 가지고 있는 이미지와 정말 잘 어울리는 맨해튼 테마를 선택했습니다. 홈페이지 이미지에는 그의 원래 헤더 이미지를 사용한 다음 내부 페이지에는 다른 사진을 사용했습니다.

우리는 또한 헤더 영역에 그의 로고(그의 서명인)를 업로드했습니다. 소셜 아이콘의 경우 각 페이지 상단을 따라 사이트 전체에 추가했으며 이제 웹사이트의 모양과 완벽하게 일치합니다.

그리고 아마도 무엇보다도? Bandzoogle의 모든 테마는 모바일에서 반응하므로 그의 사이트는 이제 모바일 장치에서 멋지게 보이고 잘 작동합니다.

콘텐츠

D. Edward는 이미 좋은 콘텐츠를 많이 가지고 있었기 때문에 현재 그의 이미지와 로고로 작업하고 SoundCloud 통합을 통해 그의 음악을 가져오고 Twitter 통합을 사용하여 그의 사이트에 새로운 콘텐츠를 추가했습니다.

나머지는 단순히 그의 사이트에 이미 있는 콘텐츠를 사용했으며 다음은 수행한 작업입니다.

홈페이지

D. Edward의 이전 사이트에서 그의 홈페이지는 1개의 넓은 열이었고 로고, 여러 비디오, 형식이 잘못된 소셜 아이콘, 공유 버튼 및 기부 버튼이 접힌 부분 아래에 흩어져 있었습니다.

그의 새 사이트(http://dedward.bandzoogle.com/home)를 위해 우리는 그의 최근 활동을 보여주기 위해 모든 것을 재구성하고 일부 콘텐츠를 추가했습니다.

먼저 오른쪽 사이드바가 있는 페이지를 2열 레이아웃으로 만들었습니다. 그런 다음 훌륭한 언론 인용문과 함께 페이지 상단에 짧은 약력을 추가했습니다. 또한 방문자가 사이트의 다른 부분을 탐색하는 동안 계속해서 그의 음악을 들을 수 있도록 사이트 전체에 음악 플레이어를 추가했습니다(자동 시작 없음!).

그의 메일링 리스트 가입을 위해 우리는 그것을 페이지 상단에 배치했고 팬이 가입할 때 그의 첫 번째 앨범을 무료로 다운로드할 수 있다는 것을 알리는 클릭 유도문안을 추가했습니다(메일링을 사용하여 자동화됩니다. 목록 기능).

페이지에 새로운 콘텐츠를 추가하기 위해 그의 Twitter 피드를 페이지와 예정된 프로그램 목록에 추가했습니다.

음악

D. Edward는 그의 이전 사이트에서 "듣기" 페이지를 가지고 있었는데, 이를 "음악"으로 변경했습니다. SoundCloud 플레이어를 내장하는 대신 SoundCloud에서 음악 플레이어로 그의 음악을 가져와서 음악을 스트리밍할 수 있을 뿐만 아니라 팬에게 직접 다운로드를 판매하고 수익을 100% 유지할 수 있습니다.

또 다른 변경 사항은 그의 사이트에서 "가사" 페이지를 제거한 것입니다. 대신 "정보"를 클릭하여 찾을 수 있는 뮤직 플레이어 내의 각 노래에 가사를 추가했습니다.

이제 D. Edward는 팬들에게 직접 음악을 판매할 수 있게 되었습니다. 노래와 앨범은 모두 소셜 미디어에서 쉽게 공유할 수 있으며 가사를 한 곳에 모두 포함할 수 있습니다!

사진

쇼

쇼 페이지의 경우 D. Edwards는 공연이 있을 때마다 페이지에 단순히 텍스트를 추가하고 있었습니다. 그의 예정된 쇼에 대한 정보를 이벤트 기능에 복사하여 다음을 수행할 수 있었습니다.

• 각 이벤트에 대한 사용자 정의 이미지 포함

• Google 지도에 직접 연결되는 주소 정보 추가

• 티켓 구매 링크 추가

• 연령 제한 추가

또한 각 이벤트는 이제 소셜 미디어를 통해 쉽게 공유할 수 있으므로 팬들은 D. Edward가 자신의 예정된 쇼에 대한 정보를 알리는 데 도움을 줄 수 있습니다.

D. 에드워드는 어떤 반응을 보였습니까?

이 모든 것 중 가장 재미있는 부분은 밴드 웹사이트 Extreme Makeover의 파트 2를 위해 청중 앞에서 라이브로 D. Edward에게 새 웹사이트를 발표할 수 있다는 것이었습니다!

D. Edward의 이전 사이트와 우리가 선택한 이유에 대한 간략한 검토 후, 우리는 처음으로 D. Edward를 포함하여 모든 사람이 볼 수 있도록 그의 새 웹사이트를 화면에 올렸습니다. 말할 필요도 없이 그는 우리가 그를 위해 지은 사이트를 너무 좋아했고 마음에 들었습니다!

함께 연주해 주신 D. Edward, 패널리스트, 두 패널에 참석한 모든 분들께 감사드립니다. 물론 올해 Band Website Extreme Makeover를 초연하게 해주신 SXSW에도 감사드립니다.

이것이 얼마나 큰 성공을 거두었는지 생각해보면, 우리는 미래의 컨퍼런스에서 더 많은 웹사이트 개편 패널이 있을 것이라고 생각합니다. 아, 그리고 그 개념을 리얼리티 TV 시리즈로 만들고 싶은 사람이 있다면 듣고 있습니다!

---

음악을 위한 새 사이트를 구축 중이고 도움이 필요하면 무료 가이드를 읽어보십시오. 음악을 위한 웹사이트를 만드는 방법