2010年10月18日 星期一

Levi's 501

這次要介紹的是Levi's 501的網站,首先是首頁。 Loading的圖案很有特色,讀取完畢後,會先出現一小段男生在噴油漆的動畫,結束後才出現首頁。



背景音樂很酷,不過只有一小段在重複播放,按下右上角的SOUND音樂就會停止了。主選單一共有翻出新花樣、品牌大事記、養褲達人和服務據點四個選項,按下去會出現一樣的Loading圖案,不過服務據點的網頁毀損無法瀏覽。

翻出新花樣的主畫面。


把游標移到其中一個人物上面,其他部分會暗掉,背景會換成那個人物身上穿的牛仔褲上的圖樣。

選擇那位人物,就可以看他穿的那件牛仔褲放大圖,按左右兩邊的箭頭就可以看別件,按下看更多的那個選項,可以看同一件褲子不同角度的樣子,按下搭配新花樣,則可以看到全身的穿搭,一樣可以使用左右的箭頭跟看更多選項。





在翻出新花樣的頁面,可以發現牛仔褲上面有紅色的小圈圈,將游標移到小圈圈的地方,會出現這件牛仔褲的的特色說明。


再來,下載新花樣的部分,一樣會有統一的Loading圖案,讀取完畢後會出現一個牛仔布的背景,中間有條縫,縫上也有個紅色小圈圈,按著那個紅色小圈圈沿著縫往上拉,會出現他們這波新款牛仔褲的內裡圖案,每次拉開的圖案都會不一樣。



品牌大事記的主畫面,中間有條牛仔褲,可以用滑鼠把他拉起來,可以停在五種高度,每一個高度代表一個時代,也可以直接按畫面左邊的年代表。


每個年代一樣會有幾個紅色小圈圈在牛仔褲上,移到上面就可以看說明。





品牌故事的部分,剛剛的牛仔褲會掉到最下面,然後出現一個看板在後面,一頁一頁出現品牌簡介,一樣會有紅色小圈圈可以看圖片說明。


品牌象徵的主頁面。牛仔褲會自己撐起來,有正反兩面可以看,紅色的小圈圈標住了Levi's的牛仔褲獨家特點,一樣會有說明。


Levi's的二十個堅持顯示的方式和品牌特徵一樣,兩面都有紅色小圈圈可以看圖文說明。




養褲達人有教人怎麼保養牛仔褲、如何挑牛仔褲、501系列的介紹、Levi's的固定特徵等。把游標移到標籤上面,就會出現詳細選項跟介紹。




最後是名人堂。有幾位愛用Levi's的好萊鎢大明星,把游標移到照片上就會出現大明星的名字。






以下是Levi's 501的網站→ http://www.levis.com.tw/501/index.html#loadHome

2010年10月10日 星期日

Levi's - TW Site

這次要介紹的是Levi's的台灣官網,首先是首頁。


點選左邊的牛仔褲海報,會出現Levi's的SOUNDWASH系列。

Loading時的唱片圖案很可愛。SOUNDWASH系列分成四種,分別是吉他洗、嘟哇洗、貓王洗和搖滾洗。




點選任一個,會出現代言人陳冠希穿著那一款的放大照,可以用滑鼠向上向下拉著看。

在旁邊再多按一下,就會出現SOUNDWASH所有款式的樣子,緩緩的由右向左展示,嫌他跑太慢還可以把游標移到右手邊的唱片上,按著滑鼠快速轉圈,像DJ在刷唱片一樣,移動的速度也會跟著變快喔。



點選首頁櫃台上的桌曆,會出現一個跳窗,是會員登入的介面。

櫃台旁邊的黑色廣告牆,點下去後會出現一個跳窗, 出現的是目前主打的炫彩方正系列的小遊戲。

一開始會有個小動畫,左下角有連結可以到facebook、噗浪等。

動畫完是個特別的小遊戲,會有背景音樂,你可以隨著音樂搖擺,他會依照你的網路攝影機錄到的影像和聲音來分析成分,創造屬於你自己的Levi's Color ID。





有三十秒的時間可以讓你錄音錄影,最後可以拍張照當封面照片之類的。


所有的步驟完成後,他會幫你分析好組成,可以寄給朋友看,也可以發佈在你自己的社群網頁上。

按下首頁後方掛滿衣服的牆,會出現炫彩方正系列的介紹,男生的部分是陳冠希代言,女生的部分是蔡依林。

按下男生的部分,出現的是試穿照,分成Square CutColor和Red Tab兩種,當然也可以放大看陳冠希全身行頭,一樣可以用滑鼠拉上拉下看個仔細。




再來是女生的部分,一樣分成Square CutColor和Red Tab兩種,也能放大觀賞。




然後是配件,點選左下角的圖案就可以看不懂款式的產品。





首頁最左邊的看板,點選後會到Levi's Curve ID頁面,首先出現的是他們的形象廣告,影片結束後才會到首頁。





 
點選頁面最上方的圖,會出現一個跳窗,這個網頁是讓你尋找最適合你的牛仔褲,還有介紹他們近年研發的幾款適合女性的牛仔褲。


按下開始,開始會有選項讓你選擇你的身材比較像哪一種,每個圖樣旁邊還會有解釋,有的時候還會出現小動畫。




問卷結束後,可以選擇要先量你的尺寸還是看你適合哪款牛仔褲。


得知最適合你的牛仔褲是哪一款後,可以看褲款介紹。

發掘內幕的部分是短片,主要是在講他們的研發過程。


第三個選項則是這件牛仔褲的代言Model介紹。


按下主選單,可以看其他標籤裡的東西。

今日誰最IN裡是品牌愛用者。

回到Levi's Curve ID的首頁,下方有好康訊息和一些形象宣傳、廣告,還有蔡依林穿著Levi's牛仔褲拍的MV。






Levi's首頁的最下方有一排黑色的選項,主要是品牌的歷史、最新消息、最新產品、服務據點或是會員計劃之類的東西,另外還有Levi's 501和Levi's鞋款及互動網站,這部分留至下周作業再做介紹。







 Levi's的台灣官網→ http://www.levi.com.tw/