2010年9月26日 星期日

DEM網站分析

介紹網站 : http://www.dem-global.com/tw/index.aspx 橙果DEM


↑一開始點進去會出現這個首頁
看得出來他們設計是以簡潔清爽為主

↑右下方是主選單,選項不多,一樣很簡約

↑我選了作品,他會列出很多作品,滑鼠移到哪就會比較亮
規格都一樣,每一種類型的設計下面的名稱顏色就會不一樣,這樣比較好找,現在是新品總覽所以才會都混在一起,如果只想看某種作品,在左邊那排有分類

↑我點了這個娃娃,視窗是直接轉換的,不過規格還是一樣大,所以不會有突兀的感覺

↑這是品牌介紹,我拍的地方式轉換的地方,這次不是直接轉換而是像滾輪那樣由右到左或左到右轉到剛剛按的地方
一樣很順,沒有突兀的感覺

這是歷年來的訊息,新聞阿,新品發表等等,可以選年份
右邊比較特別的是當你點了download會跳出一個視窗(終於會跳視窗了)

↑像是報紙那樣,可以放大也可以縮小,就是剛剛點選的新聞

↑這裡是客戶名單,依然是風格一貫,只是我覺得小小可以改進的地方是他可以加上顏色與網頁連結,雖然加上顏色可能會比較雜亂,但是畢竟每個品牌都希望自己不是黑白的吧!?另外就是加上網頁連結也會比較有尊重客戶的感覺
其中有個聯絡DEM的地方,點下去就會由上往下掉下這個牌子停在旁邊,這應該算是這官往裡面最活潑的地方了吧(笑)


總結:找了不少名牌官方網站,發現有一個共通點就是非常亂,雖然設計的圖樣都是那些品牌的特有圖紋,可是當點到新品或是產品總覽時就會眼花撩亂...;DEM是設計公司,果然官方網站就有簡單易瞭的特性(官方網站不就是要讓人更了解該品牌嗎?),而主要是用灰黑白橙很有一貫性,有個重點是每次銜接的地方都是順暢的,不會突然跳出什麼風格不同或是格式怪怪的視窗,DEM讓我見識到也許官方網站不用做的多美麗,簡單、一致、清楚,就是成功的設計。

2010年9月25日 星期六

MJ網站分析

介紹網站 : http://www.majolica.com.tw/ 戀愛魔鏡


一開始點進去可以選語言
從他的設計就看得出MJ一貫的華麗風格

這是點進去以後
還會有一個地方要你按Enter 有音樂可以選擇要開不開

進去以後的動畫

下面那排有很多可以選擇要看的
ex:品牌介紹 新品資訊 全產品等等

這是他們之前的官方網站
風格也一樣是華麗風
裡面有很多個他們產品的故事
是利用互動的方式
可以選一個 假如游標指在某個產品上
左邊的鏡子就會換一張該產品的動畫的一部分圖片

我點了眼線液
進去之後會像故事書一樣先告訴你故事的前言
像是 …小公主睜開雙眼望向女孩,遞出眼線筆,對她說「請畫出你夢寐以求的完美眼線」…


接著就和女孩一起探訪戀愛魔鏡的世界吧!
這是遊戲規則介紹


進去之後有很多地方可以點
會偶爾跳出動畫或是真人廣告

其中有一個地方有化妝櫃(像是屈臣氏的MJ櫃的裝潢)
有很多化妝品 游標移到哪 中間就會出現該產品的漫畫圖樣

這是一些MJ比較著名的產品的故事
點那些水晶球 就一樣會進該產品的故事

另外 這是每次loading的時候的圖唷 是一隻小鳥在跑 很可愛

這是故事中比較有趣的地方
畫面中有些角落會藏著寶物
當蒐集滿四個之後就會有意想不到的禮物(?)

我蒐集到的是小小魔法書的故事
獎品是>>>>>>螢幕保護程式

會動唷

每個關卡都有每個關卡專屬的螢幕保護程式


總結:MJ是個品牌風格很強烈的牌子,無論是官方網站、廣告、海報、產品,通通都是華麗風格,黑、白、金、咖是主要色調,化妝品就連包裝(不論顏色)也超美的,而且他們的官網不是單純讓你看產品介紹而已,還能與瀏覽者互動,又有可愛的插圖,我覺得很棒唷(Y)