มาดูงาน Design web ของวง Rock ชื่อดัง oasis


มาดูงาน Design web ของวง Rock ชื่อดัง oasis เชื่อว่าต้องมีคนรู้จักบ้างแหละวงดนตรีระดับตำนานวงนี้ที่มีอีโก้แรงแซงทางโค้งไปเลยกับสองศรีพี่น้องตระกลู Gallagher วงดนตรีวงนี้มาจากเกาะอังกฤษครับ เป็นวงที่มีอายุยืนยาววงหนึ่งแต่ด้วยชื่อวงที่่มีผู้คนใช้กันหลากหลายมากๆ จึงทำให้อดจน Domain ในชื่อ oasis.com เสียที่ทางไปให้กับเว็บหาคู่ซะงั้น แต่วันนี้เดี๋๋๋๋ยวผมจะพาไปทัวร์เว็บของพวกเค้ากันครับ

Oasis

Oasis

ที่อยู่อย่างเป็นทางการของพวกเค้า Web Official ก็คือ www.oasisinet.com
จำได้ว่าเคยเห็นเว็บของพวกเค้าเมื่อนานมากแล้วอยู่ครั้งหนึ่ง หน้าตาไม่ใช้แบบนี้  แต่จำเว็บเดิมก่อนหน้านี้ไม่ได้แล้ว  หรือว่ามั่วก็ไม่รู้แฮะ
พวกเค้าเริ่มดังมาตั้งแต่ 1994 กับเพลงอย่าง Supersonic แต่ผมเพิ่งจะมารู้จักอย่างจริงๆจังๆก็ตอนออก  Wonderwall แล้วนั้นแหละ คุณสามารถทำความรู้จักกับพวกเค้าได้ที่  Wikipedia=oasis

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

หน้าแรก index

หน้าแรก index

ในหน้าแรกนอกจากสีโทนมืดหม่นแล้วก็จะเห็นตัวหนังสือเต็มไปหมดทั้งหน้า แต่ก็มีการแบ่งช่องชัดเจน กับ Featured video  แล้วก็ Gallery รูปภาพขาวดำ มี Form login อยู่ด้านบนทางซ้ายมือที่เรียบง่ายมากๆ  Navigation หลักๆก็จะไปอยู่บน Bar ด้านบน

หน้าข่าวสาร news

หน้าข่าวสาร news

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

ข่าวย่อยเป็นเดือนๆ archive news

ข่าวย่อยเป็นเดือนๆ archive news

 

หน้าเพลง music

หน้าเพลง music

หน้าต่อไปเป็นหน้าของการเลือกเพลง ทั้งเป็น Album และเป็น track  โดยจะใช้ Flash มาช่วยหมุนภาพหน้าปก Albumและพอเราเลือกภาพแล้วก็จะมี Link ให้เราไปเลือกว่าจะซื้อผ่าน iTunes หรือซื้อเป็น Album

ส่วน Flash ขอขยายอีกนิด

นำ flash มาช่วย

นำ flash มาช่วย

 

หน้าสมัครสมาชิก

หน้าสมัครสมาชิก

หน้า community ต้องสมัครสมาชิกก่อนถ้าคุณยังไม่ได้สมัครก็จะเจอ หน้า Registration แบบนี้ ซึ่งขอบอกเลยว่า  textbox ธรรมดามากๆ

หน้าข้อมูลการทัวร์ on tour

หน้าข้อมูลการทัวร์ on tour

หน้านี้พวกเค้ามีระบบค้นหาค่อนข้างละเอียด แถมแบ่งหมวดหมู่ไว้ทาขวามืออีกด้วย

photo gallery

photo gallery

แสดงรูปภาพโดยใช้ lightbox

หน้า shop

หน้า shop

หน้าเพจร้านค้าของพวกเค้านั้น ข้ามมาอีกประเทศเลยนะครับ คนละ Host กัน แต่หน้ายังเหมือนเดิมครับ ใช้ Ajax เข้ามาช่วย ทำระบบได้ค่อนข้างดีเลยทีเดียว

สุดท้าย

mail

mail

สุดท้ายก็เป็นหน้าสำหรับให้เราใส่เมล์เพื่อรับข่าวสารนะครับ

ดูแล้วคงเห็นว่าเป็นเพียงเว็บที่ดู Design ไม่แปลกอะไร แต่ต้องบอกว่าจัดระบบได้ดีเลยทีเดียวนะครับ

, , , , , , ,

  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