มาดูงาน Design ของวง Rock ชื่อดัง Red Hot Chili Peppers


มาดูงาน Design ของวง Rock ชื่อดัง Red Hot Chili Peppers กันบ้างครับ เพราะว่าสงนี้เป็นวงดนตรีในดวงใจของผมที่ผมติดตามมาโดยตลอดและอยากให้เพื่อนๆ พี่ๆ ลองดูเว็บไซต์ที่เป็ยศูนย์รวมแฟนๆของวงกันครับ

Red-Hot-Chili-Pepper-logo

Red-Hot-Chili-Pepper-logo

วงดนตรีวงนี้เป็นวงร็อกอเมริกัน
แนวเพลง อัลเทอร์เนทีฟร็อก ,ฟังก์ร็อก
สมาชิก
Anthony Kiedis
John Frusciante
Flea
Chad Smith

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

เริ่มกันตั้งแต่หน้าแรกที่พูดถึง Albumล่าสุดของวง  I’m with you

หน้าแรกของเว็บ redhotchilipeppers

หน้าแรกของเว็บ redhotchilipeppers

หน้าเว็บแรกบอกแค่ความเรียบง่ายนะครับ มีหน้าปก มีสีแดงที่ดูเป็นสัญลักษณ์ของพวกเค้า และการสั่งซื้ออัลบั้ม

หน้าถัดไปเมื่อเราเข้าไปในเว็บก็จะเป็นหน้าข่าวสารของวง

หน้าข่าวสารของ redhotchilipeppers

หน้าข่าวสารของ redhotchilipeppers

หน้านี้ด้านบนจะเป็น Social network ของวงซะเป็นส่วนใหญ่ แล้วก็มี Logo อันใหญ่แปะไว้กลางเว็บ มีข่าวอัพเดตอยู่ทางด้านซ้าย ส่วนด้านขวาเป็นกรอบรับข่าวทางเมล์ และ link ไปร้านค้าของพวกเค้า

ต่อไปเป็นหน้าบอกตารางทัวร์ของทางวงนะครับ

กำหนดการตารางทัวร์ redhotchilipeppers

กำหนดการตารางทัวร์ redhotchilipeppers

theme ยังเหมือนเดิมนะครับ งั้นเราไปดู Board กันดีกว่า

board redhotchilipeppers

board redhotchilipeppers

ตัวเบ็บบอร์ดของเค้าใช้ SMF ซึ่งเป็นระบบ cms ชื่อดังเป็นระบบนะครับ ซึ่งออกแบบ theme ให้เข้ากับเว็บได้ดีมากๆเลย

ต่อไปเป็นหน้าหลักของร้านขายสินค้าของทางวงนะครับ

หน้าหลักของร้านขายสินค้า redhotchilipeppers

หน้าหลักของร้านขายสินค้า redhotchilipeppers

เน้นไปที่รูปปหน้าปกของอัลบั้มมากกว่าตัวสินค้านะ ส่วนตัวสินค้าแบบแรกที่เปิดมานำเสนอก็คือ T-shirt ครับ แล้วเมื่อเราคลิกเข้าไปดูที่ตัวรายละเอียดสินค้าก็จะได้หน้าเพจแบบนี้

หน้ารายละเอียดสินค้า redhotchilipeppers

หน้ารายละเอียดสินค้า redhotchilipeppers

นั้นก็เป็นรูปสุดท้ายแล้วครับสำหรับพาทัวร์เว็บคราวนี้ 555 จริงๆแล้วตั้งใจจะให้ดูงาน Design อ่ะนะว่าถึงจะเป็นวง Rock แต่ก็ทำเว็บออกมาสบายตาดูเรียบ แต่มีเสน่ห์ได้

สุดท้ายผู้ที่ทำเว็บนี้คือ maddancer.com นะครับ

, , , , , , ,

  1. ให้ความเห็น

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Connecting to %s