4. AKB48 Official Website

เดี๋ยวจะมาอัพสเกตช์อีกรอบ ตอนนี้แค่อยากจะบอกว่าปวดตามากฮือๆ สัปดาห์นี้ส่งงานทุกวันเครียดหัวจะแตก

โฮมเพจก่อน

พอเข้ามาปุ๊บก็อยากให้มีหน้าเมมเบอร์ทุกคนลอยไปลอยมาตลอดเวลา ลอยแล้วก็เด้งไปเรื่อยๆ ไม่ตกแล้วผ่านไปเลย มีไบโอด้วยสั้นๆ

An AKB48 official website I did for the web design course advised by Mr Plaimanas. Since he suggested we bring the identity of the artist we choose I tried to translate the puzzling and crazy world of AKB48 by using a lot of their uncountable members.

Off design topic, AKB48 is hugely successful because of the genius system and partly because of those unique Japanese value. Normally I’m not into female idol whether K or J but I do follow their news and documentary from time to time. My dad always got frustrated when he browses news in Japanese site and mistakenly click ‘Election news’ which turned out to be AKB48 election instead.

For the homepage I just want these portraits to float slowly to the bottom and bounce up around slowly.

bio.jpg

หน้าโฮม ถ้าคลิกที่ AKB48 ที่เป็นสีชมพูข้างใน จะเปลี่ยนมาหน้ากำหนดการเล่นโชว์ใน Theatre

Click in the pink logo and this schedule page will pop up, Battle Royale style. Hover over the date and the teams performing that day will show up.

AKB copy.jpg

เอาเม้าส์อังที่วันที่ จะแสดงให้เห็นว่าวันไหนมีทีมไหนเล่นที่เธียเตอร์บ้าง หากคลิกก็จะขึ้น Schedule ด้านบ

ทีนี้อยากให้เว็บ scroll ไปทางซ้ายทางขวาแทนแนวดิ่ง เอาแบบใช้เม้าส์ scroll ได้เลย

I want the site to be scroll-able sideway.

AKB copy 2.jpg

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

To the left is where I want the discography to display floating around, they are clickable and will change the PV that is playing in the background. If possible may be the speed of them floating will be according to the song tempo.

mvanddisco.jpg

หน้า News/Update ถ้าเอาเม้าส์ไปจ่อตรงข้างบนๆ ข่าวก็จะเลื่อนไปวันที่บนๆ ด้วย คลิกอ่านต่อได้ที่ข่าวสั้นเลย

The News/Update page, hover the cursor over the date and it will scroll up to see past news.

news.jpg

มาถึงหน้าช็อป เป็นหน้าที่ scroll มาทางขวาต่อจากหน้า NewsAKB copy 3.jpg

ส่วนที่เป็น Merchandise พวกทีม A K B 4 8 สามารถคลิกดูต่อไปได้ มีหน้าแยกรถเข็นสินค้าและสมัครสมชิก

ตรง Wheel ให้แสดงซิงเกิ้ลที่เพิ่งออกใหม่ พร้อมแสดงข้อมูลของที่กำลังดูอยู่ตรงกลาง

จบแล้ว เย้ๆ

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

Advertisements

Leave a Reply

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 / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s