2011年12月2日 星期五

McDonald

McDonald

1.進入麥當勞首頁,若沒有麥當勞的標誌只單看背景圖,感覺進入了介紹科技資訊或探險亞特蘭提斯古帝國相關網站。









2.不是以美味的套餐圖案吸引觀者,而是在天上擺個大漢堡還有兩個小仙子在旁邊飛舞,雷聲做背景音樂,讓麥當勞的食物感覺是高貴、神格化。









3.Food有單點和套餐圖,背景以潔淨的白色提升對食物的好感度。主視覺圖放大食物,頁面下移是排列整齊的單一圖式,套餐也會各別放大每種食物,且都附上食物熱量和解說。

Food Duality使用的背景圖以綠色蔬果為主,減弱對由炸食物的負面印象。



 







4.Promotion用有趣動畫介紹新產品,讓食物的成分排成聲音的振幅搭上好聽的音樂,讓人覺得吃了也會變開心。還有互動小遊戲拉進麥當勞與兒童的距離。
























5.Our Storyru介紹麥當勞的發展歷史及社群、回饋與行動和最新消息等等。History圖片是早年的麥當勞店面,突顯約60年的歲月與進步。Communities展企業的社會責任,提升正面形象。











6.Careers介紹工作環境及專業訓練、福利等等。Top放一張主視覺圖搭配文字營造麥當勞是歡樂的工作場所,以黃、紅、白色塊為不同項目背景,讓人聯想到麥當勞的商標。
































7. Shops以衛星地圖搜尋各國的專店位置及資訊,但搜尋不到台灣及一些國家是可惜的地方。









8.Search可搜尋關於麥當勞的所有東西,以健康的蔬果色為主圖提高好感度。
















9.Contact us提供更深入的資料查訊和連絡方法,背景以麥當勞的LOGO加深顧客的印象。









10.Services介紹麥當勞其他的服務,如Wi-Fi或兒童Party、遊樂場及送禮的服務。精美的視覺圖讓人產生行動的慾望。

















11.Websites將龐大的麥當勞企業細分,可依個人需求進入該網站搜尋更詳細的資料與各國的麥當勞網絡。








整體垂直水平的排版簡單俐落,運用賞心悅目和美味可口的圖片消除人們對麥當勞的油炸、不健康的負面形象,每種食物都附上詳細成分給食用者參考,動畫和音樂的搭配更加強調麥當勞是帶給人們歡樂的地方。可惜的是無法搜尋某些國家的麥當勞位置。

2011年11月18日 星期五

Marimekko

Marimekko


1.進入marimekko首頁都是以圖片抓住視覺。有趣的是右上角的Search by Colour,可以點選自己喜歡的配色,搜尋同有此配色的產品。














2.product同是以大圖為主,每張精美的產品圖片都整齊排列,點入圖片都有詳細的產品資訊。














3.productBags & Accessories主視覺圖以動畫呈現,吸引人點入後也是規律排版的產品圖。Clothes特別的的部分點入模特兒照片,可以移動框框放大自己想看的部分。













4.News & Events的文字排版清晰簡單,幾張圖片作協調不至於單調,SEE ALL節省內文空間,也不會讓版面雜亂。











5.Who we are的背景圖變成彩色,文字內容與排版簡單明瞭。Unfold the Story以動畫呈現,點入全螢幕,螢幕跟著滑鼠左右移動,游標移到每個文字選項都會有詳細內容。以及救援日本的活動推廣。



























6.Shops以衛星地圖搜尋不同國家的專店位置。








芬蘭的
Marimekko在網頁排版上有北歐的簡約風格,也是因為圖片本身已非常精美,而背景繁雜的黑白植物圖像不影響產品展示圖。每張圖像有如藝術照想讓人珍藏, Unfold the Story像卷軸的方式閱覽Marimekko,介紹衣服的放大圖片功能及衛星地圖可以搜尋每個國家的店面都是此網站貼心之處。

2011年11月11日 星期五

Adidas


1.進入首頁的Adidas的首頁loading很有特色,各個方塊都有文字註釋,灰色部分跑完後翻出圖片。以精美圖片為整體視覺,吸引目光。



2.游標點選任一張圖,圖片將放大且附文字敘述和代言人等資訊,此效果頗有科技感,還有連結廣告和更加詳細的內容。























3.點入左上的performance,圖片部分會變灰色,不影響閱讀performance的內容,任點其中選項,會另跳出視窗詳細介紹產品,主要呈現精美的產品放大圖打動人心,有些以動畫表現。









4.originals較特別的部分是點選選項,選項下會拉開代表此選項的圖案。有Adidas的起源及各國相關Adidas的連結。



















5.style的選項也附有小圖片。Adidas womanBeat ma shine及產品的選項,點入有五花八門、各種呈現產品的手法。用播放相片、動畫..等方式展現產品。




















最吸引我的地方是首頁的部分,可以馬上得知感興趣的產品的詳細資訊,動畫效果帶有未來感。但五花八門的產品有時會讓自己在網站迷了路,不過產品介紹的呈現方式很能抓住目光,無論是圖片或動畫。