可口可樂--紅豔豔超大牌

http://www.coca-cola.com.tw//index.aspx?kv=2
紅豔豔的大牌飲料--Coca-Cola。


可口可樂的首頁，
可選擇多種版圖語言。


這是台版的首頁。
感覺和平時可口可樂給我的印象差很多，
似乎是比較樸素簡單的關係?
不過這網頁打的公司形象很好，
跟老師之前做的city好像，很有莫名的親切感。

像是上面的menu選單，
感覺很像北極熊的按鈕作業。


產品的小欄位好可愛，拿來提一下，
美版的網站也有類似的欄位，點下去可以連接商品的品牌故事。


這是可口可樂的歷史頁，
可怕的是他每個歷史案件都計的很清楚= ="


而且誇張的還有每個飲品都有自己的品牌故事，
真是標準的商業設計。


就跟花旗一樣，大企業的氣度，
各種環保跟宣示都做的很好，
是不是表面功夫就見仁見智了。


還有一些導正觀念的文宣，
真的很佩服大企業阿!

有時候要研究商業設計，
其實可以從各個企業下手，
真的可以學到很多東西。

Coach名牌包包

http://china.coach.com/online/handbags/Home-14001-14500-cn
COACH.com - Coach :: Homepage
買不起嗎，用看的吧(淚)


Coach的品牌首頁，
一開始會閃一大堆產品圖片。


然後定格在這頁，
可以選擇觀看品牌史或商品簡介。


這是品牌史的年份表，
設計的挺可愛的，
可以滑鼠左右移動選取，
游標經過還會變大喔。


點選年份後會有品牌故事。

若依開始選擇產品介紹，

會出現當季的包款。

大多數的商品頁，排版都是這種乾淨的形式。

比較特別的還有這個DM，

他不只提供基本的左右翻頁，

還可以放很大喔。

頗具有趣互動的還有這個選禮物頁面。

一開始可以先選場合。

送他或送她。

還有預算，哈哈。

然後會出現推薦的包款，這樣，

很貼心的頁面設計。

其實這網站比較可取的地方是排版都還不錯。

令人誤解的避子小姐

http://beez.homakimi.com.tw/?S=2&D=24
口服避孕藥 -- 令人誤解的避子小姐
之前在MSN的圖片上看到這個可愛的廣告，

就好奇的點進去看了。

點進去才發現，他宣傳的是避孕藥耶!

好HIGH喔!

裡面宣導很多有關避孕藥的正確觀念跟好處，

但奇怪的是它不是商業廣告，所以非常讓我驚訝，

以下介紹這可愛的避子網頁。

一開進去之後，播放的是避子的宣導影片，

網頁整體用手繪風格呈現。

影片總共六部，

看完後會有戳章紀錄，

滿了可以登記抽獎。

這是活動辦法頁。

看完影片後會有"相信""不相信"的小選項，

點了可以進入避子的測驗題。

回答完後會分等級，並依照等級的問題迷思給予解說。

這個是測驗的結果，

可選擇頗繭或是看更多影片。

頗繭的畫面。

如果你對避子還有誤解，

旁邊的問號會指點迷津。

頁面--醫生的實驗室，

裡面有近期使用者的回答紀錄，

可以看不同的排列組合。

FAQ的頁面有更多問題與解答可供參考。

還有小避子桌布下載。

話說這篇非常吸引我，

因為本身也有經期不順的困擾，

如果說這是個商業廣告的話，

我覺得挺成功的。

Heineken★就是要海尼根

Heineken★就是要海尼根

http://www.heineken.com.tw/

這次介紹的是海尼根的台灣官網，

我覺得做的比美國官網做的好噢。

裡面有很多小botton互動非常的用心，

就讓我們來體驗Heineken吧!!!!

歡迎頁，

你滿十八了嗎？

海尼根的歡迎頁以幽默的表現這個問題，

海尼根or牛奶，是或否呢？未滿十八不可飲酒唷!!

主頁面，

上方為主選單，右上角可以選擇/控制音樂(下面有介紹)，

左邊的地圖大瓶子可以轉動圖片捲軸，

卷軸裡面藏了很多Heineken商品，

點選商品可以直接進入暢飲海尼根的商品頁面裡。

我非常滿意的部份，

這是Heineken的音樂選單唷!

目前總共有599首供選擇，還可自己上傳，

無聊想聽音樂也可以掛著聽!!!超貼心!!!

主選單

是以裝啤酒的感覺下去設計，

我很愛這互動玩意兒，

一直來回玩動很像人浪，不!啤酒浪!

海尼根大牌檔的分頁

點了瓶子後會出現幾個小按鈕，

點了小按鈕後會出現海尼根的各種炫耀性廣告=_="

暢飲海尼根分頁

這也是這網頁很有趣的互動設計之ㄧ，

這概念來自那一個男人一直從冰冷的桶子挑出海尼根的廣告，

當你點選產品，手就會抓出那個商品(如下圖)，

有點像老師那個手投錢給小豬的作業= =。

海尼根大世紀的分頁

可以點選左右鍵預覽，也可以直接點選年份，

我覺得下面那排的年份表做的很有質感，有種追憶的感覺!!

台灣海尼根的重視態度，

這頁也是互動式，點右邊的字，星星的角和光芒會有變化。

這個頁面的手法也和前面那個很相似，

點選小綠人的遵守條款，小綠人就會舉手發誓，

我覺得很可愛!!!

下載區的桌布部份，設計成一排的相片，

可以旋轉選取樣式，然後挑起下載，

我超愛他們設計的小互動!!!!

螢幕保護下載

左邊就是一個電腦螢幕模擬的樣子，

我自己也下載來用了，

螢幕保護還有音樂喔!

音樂也像網頁裡面一樣可以供選擇。

電腦圖示下載

也是有設計互動式的botton，

只能說作者真的很用心。

MSN圖示的下載，

也是設計互動式的，

點選欲下載的圖示會出現在左邊的模擬圖裡。