เว็บไซต์ SXSW Band Extreme Makeover: ก่อนและหลังผลลัพธ์!

ที่งาน SXSW ปีนี้ เราได้จัดงานเปิดตัวแผง 2 ส่วนที่ชื่อว่า "Band Website Extreme Makeover" รอบปฐมทัศน์ ประสบความสำเร็จอย่างมาก และเราต้องการแบ่งปันผลลัพธ์กับพวกคุณ

คณะกรรมการของเราประกอบด้วย Ari Herstand (นักดนตรี, Blogger ที่ Ari's Take/Digital Music News), Brian Felsen (ประธาน, AdRev), ผู้อำนวยการฝ่ายศิลปินสัมพันธ์ Dave Cool, Chandler Coyle (ผู้ร่วมก่อตั้ง, Music Geek Services) และ David CEO ของ Bandzoogle ดูเฟรน.

ส่วนที่ 1 คือ “Website Demolition Derby” ซึ่งมีการวิพากษ์วิจารณ์เว็บไซต์วงดนตรีสด นักดนตรีในกลุ่มผู้ชมส่งเว็บไซต์ของตนและคณะผู้อภิปรายของเราได้ตรวจสอบการออกแบบ องค์กร เนื้อหาและฟังก์ชันการทำงานของแต่ละไซต์

เราตรวจสอบไซต์ประมาณครึ่งโหลในเซสชั่น 1 ชั่วโมง จากนั้นเลือกผู้ชนะหนึ่งรายที่จะออกแบบเว็บไซต์ใหม่และใช้สำหรับส่วนที่ 2 เกี่ยวกับวิธีสร้างเว็บไซต์วงดนตรีที่มีประสิทธิภาพ และนักดนตรีที่โชคดีคนนั้นคือดี. เอ็ดเวิร์ด!

การเลือกเว็บไซต์ของ D. Edward ( ดูเว็บไซต์เก่าของเขาที่นี่: http://dedwardmusic.com/bandzoogle/ ) ทำให้งานของเราค่อนข้างง่าย เพราะเขามีทั้งเนื้อหาที่ยอดเยี่ยมและรูปภาพที่ดี (และเขามีเพลงที่ยอดเยี่ยมด้วย!) แต่เว็บไซต์ของเขาจำเป็นต้องมีการนำเสนอที่ดีกว่าเดิม มีใจรักในการออกแบบ และการจัดระเบียบ/จัดระเบียบที่ดีขึ้น

D. Edward เว็บไซต์: Before & After

ออกแบบ

เราได้พบกับดี. เอ็ดเวิร์ดในวันหลังจากคณะอภิปรายเพื่อหารือเกี่ยวกับธีม รูปภาพ และแบบอักษร หลังจากการพบกันครั้งแรก เราก็เดินหน้าและสร้างเว็บไซต์ใหม่ให้เขา: http://dedward.bandzoogle.com ( หมายเหตุ: D. Edward จะสามารถชี้โดเมนปัจจุบันของเขาไปยังเว็บไซต์ใหม่บน Bandzoogle ได้อย่างง่ายดาย )

ใช้เวลาทั้งหมด *3 ชั่วโมง* และดื่มกาแฟเพียงไม่กี่แก้ว (และชาเย็นแก้วยักษ์ของแชนด์เลอร์) ไม่มีการเขียนโค้ด ไม่มีงานออกแบบที่หรูหรา

เราเลือกธีมแมนฮัตตันซึ่งเข้ากันได้ดีกับภาพที่เขามี เราใช้รูปภาพส่วนหัวดั้งเดิมของเขาสำหรับรูปภาพหน้าแรก จากนั้นจึงใช้รูปภาพอื่นสำหรับหน้าภายใน

เรายังอัปโหลดโลโก้ของเขา (ซึ่งเป็นลายเซ็นของเขา) ไปที่ส่วนหัว สำหรับไอคอนโซเชียล เราได้เพิ่มไว้ทั่วทั้งไซต์ โดยแสดงอยู่ที่ด้านบนสุดของแต่ละหน้า และตอนนี้ก็เข้ากับรูปลักษณ์ของเว็บไซต์ได้อย่างลงตัว

และอาจจะดีที่สุด? เนื่องจากธีมทั้งหมดของ Bandzoogle นั้นตอบสนองได้บนมือถือ ไซต์ของเขาจึงดูและใช้งานได้ดีบนอุปกรณ์พกพา ซึ่งไม่เคยเป็นเช่นนั้นมาก่อน

เนื้อหา

ด. เอ็ดเวิร์ดมีเนื้อหาดีๆ มากมายอยู่แล้ว ดังนั้นเราจึงทำงานกับรูปภาพและโลโก้ปัจจุบันของเขา นำเข้าเพลงของเขาผ่านการผสานรวม SoundCloud ของเรา และใช้การรวม Twitter ของเราเพื่อเพิ่มเนื้อหาใหม่ลงในไซต์ของเขา

สำหรับส่วนที่เหลือ เราเพียงแค่ใช้เนื้อหาที่พบในไซต์ของเขาแล้ว และนี่คือสิ่งที่เราทำ:

หน้าแรก

ในเว็บไซต์เก่าของ D. Edward หน้าแรกของเขามี 1 คอลัมน์กว้างและมีโลโก้ที่ผิดเพี้ยน วิดีโอหลายรายการ ไอคอนโซเชียลที่มีรูปแบบไม่ดี ปุ่มแชร์ และปุ่มบริจาคที่กระจัดกระจายอยู่ครึ่งหน้าล่าง

สำหรับไซต์ใหม่ของเขา (http://dedward.bandzoogle.com/home) เราได้จัดระเบียบสิ่งต่างๆ ใหม่ และเพิ่มเนื้อหาเพื่อแสดงกิจกรรมล่าสุดของเขา

ขั้นแรก เราทำให้หน้าเป็นแบบ 2 คอลัมน์พร้อมแถบด้านข้างทางขวา จากนั้นเราได้เพิ่มประวัติสั้น ๆ ที่ด้านบนของหน้าพร้อมกับข้อความอ้างอิงที่ยอดเยี่ยม นอกจากนี้เรายังเพิ่มเครื่องเล่นเพลงทั่วทั้งไซต์เพื่อให้ผู้เข้าชมสามารถฟังเพลงของเขาได้อย่างต่อเนื่องในขณะที่เรียกดูส่วนอื่นๆ ของไซต์ของเขา (ไม่มีการเริ่มอัตโนมัติ!)

สำหรับการลงชื่อสมัครรับอีเมลของเขา เราได้วางไว้ที่ด้านบนสุดของหน้า และเพิ่มคำกระตุ้นการตัดสินใจที่ช่วยให้แฟนๆ รู้ว่าพวกเขาจะได้รับการดาวน์โหลดฟรีจากอัลบั้มแรกของเขาเมื่อลงทะเบียน (ซึ่งทำงานโดยอัตโนมัติโดยใช้การส่งจดหมายของเรา คุณสมบัติรายการ)

เพื่อเพิ่มเนื้อหาใหม่ๆ ให้กับเพจ เราได้เพิ่มฟีด Twitter ของเขาลงในเพจและรายการของรายการที่กำลังจะมีขึ้น

ดนตรี

ในเว็บไซต์เก่าของเขา ดี. เอ็ดเวิร์ดมีหน้า "ฟัง" ซึ่งเราเปลี่ยนเป็น "เพลง" แทนที่จะฝังเครื่องเล่น SoundCloud เรานำเข้าเพลงของเขาจาก SoundCloud ลงในเครื่องเล่นเพลงของเรา ดังนั้นเขาจึงไม่เพียงแต่สตรีมเพลงของเขาเท่านั้น แต่ยังขายการดาวน์โหลดให้แฟนๆ ของเขาโดยตรงและเก็บรายได้ไว้ 100%

การเปลี่ยนแปลงอีกอย่างที่เราทำคือการลบหน้า "เนื้อเพลง" ออกจากไซต์ของเขา แต่เราเพิ่มเนื้อเพลงในแต่ละเพลงในเครื่องเล่นเพลงแทน ซึ่งสามารถพบได้โดยคลิกที่ “ข้อมูล”

ดังนั้นตอนนี้ ดี. เอ็ดเวิร์ดจึงพร้อมที่จะขายเพลงให้กับแฟนๆ ของเขาโดยตรง เพลงและอัลบั้มทั้งหมดสามารถแชร์บนโซเชียลมีเดียได้อย่างง่ายดาย และรวมเนื้อเพลงไว้ในที่เดียว!

ภาพถ่าย

โชว์

สำหรับหน้าการแสดงของเขา ดี. เอ็ดเวิร์ดส์เพียงแค่เพิ่มข้อความลงในหน้าทุกครั้งที่เขามีคอนเสิร์ต เราได้คัดลอกข้อมูลสำหรับรายการที่กำลังจะมีขึ้นไปยังคุณลักษณะกิจกรรมของเรา ซึ่งเราสามารถ:

• รวมภาพที่กำหนดเองสำหรับแต่ละเหตุการณ์

• เพิ่มข้อมูลที่อยู่ซึ่งเชื่อมโยงโดยตรงกับ Google Maps

• เพิ่มลิงค์เพื่อซื้อตั๋ว

• เพิ่มการจำกัดอายุ

นอกจากนี้ แต่ละกิจกรรมยังสามารถแชร์ผ่านโซเชียลมีเดียได้อย่างง่ายดาย ดังนั้นแฟน ๆ จึงสามารถช่วยให้ D. Edward กระจายข่าวเกี่ยวกับรายการที่กำลังจะมาถึงของเขาได้

ดี. เอ็ดเวิร์ดมีปฏิกิริยาอย่างไร?

บางทีส่วนที่สนุกที่สุดของทั้งหมดนี้คือการนำเสนอเว็บไซต์ใหม่ให้ D. Edward อาศัยอยู่ต่อหน้าผู้ชมในส่วนที่ 2 ของ Band Website Extreme Makeover!

หลังจากทบทวนเว็บไซต์เก่าของ D. Edward อย่างคร่าวๆ และเหตุผลที่เราเลือกเว็บไซต์นี้ เราก็ได้นำเว็บไซต์ใหม่ของเขาขึ้นแสดงให้ทุกคนได้เห็น รวมถึง D. Edward เป็นครั้งแรก จำเป็นต้องพูด เขารู้สึกทึ่งและชอบไซต์ที่เราสร้างขึ้นเพื่อเขา!

ขอบคุณมากสำหรับ D. Edward ที่ร่วมเล่นด้วยกัน ผู้ร่วมอภิปรายของเราที่เป็นส่วนหนึ่งของงานนี้ ทุกคนที่เข้าร่วมการสำรวจทั้งสองกลุ่ม และแน่นอนว่าต้องขอขอบคุณ SXSW เป็นอย่างมากที่ปล่อยให้เราเปิดตัว Band Website Extreme Makeover รอบปฐมทัศน์ในปีนี้

เมื่อพิจารณาจากความสำเร็จแล้ว เรามีความรู้สึกว่าจะมีแผงการปรับปรุงเว็บไซต์เพิ่มเติมในการประชุมในอนาคต และถ้าใครอยากเปลี่ยนคอนเซปต์ให้เป็นเรียลลิตี้ทีวีซีรีส์ ทางเรารอฟังอยู่!

---

หากคุณกำลังสร้างเว็บไซต์ใหม่สำหรับเพลงของคุณและต้องการความช่วยเหลือ โปรดอ่านคู่มือฟรีของเรา วิธีสร้างเว็บไซต์สำหรับเพลงของคุณ