SXSW Band Website Extreme Makeover: قبل وبعد النتائج!

في SXSW لهذا العام ، استضفنا العرض العالمي الأول للوحة من جزأين تسمى "Band Website Extreme Makeover". لقد كان نجاحًا كبيرًا وأردنا مشاركة النتائج معكم يا رفاق.

ضمت جلستنا آري هيرستاند (موسيقي ، مدون في Ari's Take / Digital Music News) ، وبريان فيلسن (رئيس AdRev) ، ومدير علاقات الفنانين ديف كول ، وتشاندلر كويل (المؤسس المشارك ، Music Geek Services) ، والرئيس التنفيذي لشركة Bandzoogle ديفيد دوفرسن.

الجزء الأول كان "Website Demolition Derby" ، والذي تضمن انتقادات مباشرة لمواقع الفرق الموسيقية. أرسل الموسيقيون من الجمهور مواقعهم على الويب وراجع فريقنا تصميم كل موقع وتنظيمه ومحتواه ووظائفه.

قمنا بمراجعة حوالي نصف دزينة من المواقع في جلسة مدتها ساعة واحدة ، ثم اخترنا فائزًا واحدًا سيعاد تصميم موقعه على الويب ويستخدم في الجزء الثاني حول كيفية إنشاء موقع ويب باند فعال. وكان ذلك الموسيقي المحظوظ د. إدوارد!

اختيار موقع D. Edward ( انظر موقعه القديم هنا: http://dedwardmusic.com/bandzoogle/ ) جعل مهمتنا سهلة إلى حد ما ، لأنه كان لديه الكثير من المحتوى الرائع والصور الجميلة (ولديه موسيقى رائعة!). لكن موقعه على الإنترنت كان بحاجة ماسة إلى عرض تقديمي أفضل ، وبعض الحب في التصميم ، وتنظيم / تنظيم أفضل.

موقع إدوارد: قبل وبعد

التصميم

التقينا مع D. Edward في اليوم التالي للجلسة لمناقشة الموضوعات والصور والخطوط. بعد ذلك الاجتماع الأولي ، مضينا قدمًا وأنشأنا له موقعًا إلكترونيًا جديدًا: http://dedward.bandzoogle.com ( ملاحظة: سيتمكن D. إدوارد من توجيه نطاقه الحالي بسهولة إلى الموقع الجديد على Bandzoogle )

استغرق الأمر * 3 ساعات * وقتًا ، واثنين فقط من القهوة (وشاي تشاندلر المثلج العملاق). لا ترميز ، لا عمل تصميم فاخر.

اخترنا موضوع مانهاتن الذي يتوافق جيدًا مع الصور التي لديه. استخدمنا صورة رأس الصفحة الأصلية الخاصة به لصورة الصفحة الرئيسية ، ثم استخدمنا صورة مختلفة للصفحات الداخلية.

قمنا أيضًا بتحميل شعاره (وهو توقيعه) إلى منطقة الرأس. بالنسبة للأيقونات الاجتماعية ، أضفناها على مستوى الموقع ، على طول الجزء العلوي من كل صفحة ، وهي الآن تتطابق تمامًا مع مظهر موقع الويب.

وربما الأفضل من ذلك كله؟ نظرًا لأن جميع سمات Bandzoogle تستجيب على الهاتف المحمول ، فإن موقعه يبدو الآن ويعمل بشكل رائع على الأجهزة المحمولة ، وهو ما لم يكن كذلك من قبل.

المحتوى

كان لدى D. Edward بالفعل الكثير من المحتوى الجيد ، لذلك عملنا مع صوره وشعاره الحاليين ، واستوردنا موسيقاه من خلال تكامل SoundCloud ، واستفدنا من تكامل Twitter لإضافة بعض المحتوى الجديد إلى موقعه.

بالنسبة للباقي ، قمنا ببساطة باستخدام المحتوى الموجود بالفعل على موقعه ، وإليك ما فعلناه:

الصفحة الرئيسية

في موقع D. Edward القديم ، كانت صفحته الرئيسية عبارة عن عمود واحد عريض وتحتوي على مزيج من الشعارات والعديد من مقاطع الفيديو ورموز اجتماعية سيئة التنسيق وأزرار مشاركة وزر تبرع مبعثر أسفل الجزء المرئي من الصفحة.

بالنسبة إلى موقعه الجديد (http://dedward.bandzoogle.com/home) ، أعدنا تنظيم الأشياء وأضفنا بعض المحتوى لإظهار أحدث نشاط له.

أولاً ، جعلنا الصفحة تخطيطًا من عمودين مع شريط جانبي يمين. ثم أضفنا سيرة ذاتية قصيرة في أعلى الصفحة مع اقتباس صحفي رائع. أضفنا أيضًا مشغل موسيقى على مستوى الموقع حتى يتمكن الزوار من الاستماع باستمرار إلى موسيقاه أثناء تصفح أجزاء أخرى من موقعه (بدون بدء تلقائي!).

بالنسبة للاشتراك في القائمة البريدية الخاصة به ، فقد وضعناه في أعلى الصفحة مباشرةً ، وأضفنا عبارة تحث المستخدم على اتخاذ إجراء لإعلام المعجبين بأنهم سيحصلون على تنزيل مجاني لألبومه الأول عند التسجيل (والذي يتم تلقائيًا باستخدام بريدنا الإلكتروني ميزة القائمة).

لإضافة بعض المحتوى الجديد إلى الصفحة ، أضفنا موجز Twitter الخاص به إلى الصفحة وقائمة بالعروض القادمة.

موسيقى

إدوارد على موقعه القديم ، كان لديه صفحة "استمع" ، والتي قمنا بتغييرها إلى "موسيقى". بدلاً من مجرد تضمين مشغل SoundCloud ، قمنا باستيراد الموسيقى الخاصة به من SoundCloud إلى مشغلات الموسيقى الخاصة بنا حتى لا يتمكن من دفق موسيقاه فحسب ، بل يمكنه أيضًا بيع التنزيلات مباشرة إلى معجبيه والاحتفاظ بنسبة 100٪ من الإيرادات.

تغيير آخر أجرينا هو إزالة صفحة "كلمات الأغاني" من موقعه. بدلاً من ذلك ، أضفنا كلمات الأغاني إلى كل أغنية داخل مشغل الموسيقى ، والتي يمكن العثور عليها بالنقر فوق "معلومات".

حتى الآن ، تم إعداد D. Edward لبيع الموسيقى مباشرة إلى معجبيه ، ويمكن مشاركة الأغاني والألبومات بسهولة على وسائل التواصل الاجتماعي ، وتضمين كلمات الأغاني كلها في مكان واحد!

الصور

عروض

بالنسبة لصفحة عروضه ، كان D. Edwards ببساطة يضيف نصًا إلى الصفحة في كل مرة يقوم فيها بعمل أزعج. قمنا بنسخ المعلومات الخاصة بعروضه القادمة في ميزة الأحداث الخاصة بنا حيث تمكنا من:

• قم بتضمين صورة مخصصة لكل حدث

• أضف معلومات العنوان التي ترتبط مباشرة بخرائط Google

• أضف روابط لشراء التذاكر

• أضف قيود العمر

بالإضافة إلى ذلك ، يمكن الآن مشاركة كل حدث بسهولة عبر وسائل التواصل الاجتماعي ، لذلك يمكن للمعجبين مساعدة D. Edward في نشر الكلمة حول عروضه القادمة.

كيف كان رد فعل د. إدوارد؟

ربما كان الجزء الأكثر متعة في كل هذا هو القدرة على تقديم الموقع الجديد إلى D. Edward مباشرة أمام جمهور للجزء 2 من Band Website Extreme Makeover!

بعد مراجعة سريعة لموقع D. Edward القديم ولماذا اخترناه ، وضعنا موقعه الإلكتروني الجديد على الشاشة ليراه الجميع ، بما في ذلك D. Edward للمرة الأولى. وغني عن القول ، لقد فُجِر وأحب الموقع الذي أنشأناه له!

لذا ، شكراً جزيلاً لـ D.

بالنظر إلى مقدار النجاح الذي تحقق ، لدينا شعور بأنه سيكون هناك المزيد من لوحات تعديل مواقع الويب في المؤتمرات المستقبلية. أوه ، وإذا أراد أي شخص تحويل المفهوم إلى مسلسل تلفزيوني واقعي ، فنحن نستمع إليه!

---

إذا كنت تقوم بإنشاء موقع جديد للموسيقى الخاصة بك وتحتاج إلى بعض المساعدة ، فتأكد من قراءة دليلنا المجاني كيفية إنشاء موقع ويب للموسيقى الخاصة بك