2010年12月6日 星期一

adidas Neo Label

這是adidas與愛用者間的互動網站
首頁像是一本方格筆記
拖曳點滑鼠時會有類似碎紙的效果
顯現出彩色的底圖
滑鼠一直往右

會出現許多反白的圖像
以及標誌標語等等
點選右下角的相機圖片
可直接下載你想要的畫面

接下來就會出現一張張的圖片視窗
每一張點選進去就會有
模糊但漸漸清楚的adidas產品或廣告圖片

也有小遊戲
此為拼圖遊戲
也可創造自己的拼圖

"與貝克漢打發時間"

每張圖片點選進去的畫面
左下角也可以選擇觀看相關商品

如果嫌互動視觀看麻煩的話
左上角也可以直接點選你想觀看的頁面

此為產品視窗
可選擇最熱門產品.男生女生產品...等



2010年10月31日 星期日

James Jean

一位知名插畫家的網站
他的風格獨特且用色明亮鮮豔大膽
 而網站採用簡約的白色與簡單易瞭的灰色字體為基底
首頁的特色是每次點選都會呈現出他不同的作品

WORKs
為參觀者提供每個系列的每幅作品
點選左下方Previos/Next就能看見所有的油畫彩色作品

SKETCH
此處為素描作品呈現
素描作品依然風格獨特深得人心

Bound
出版過的畫冊
一樣點選左下方的按鈕
會為參觀者呈現內頁內容
類似翻頁的效果


BLOG
這裡是他的部落格
一些展覽資訊
影片
新作呈現
...
等等
可以從這裡得知


Store
此處提供對James Jean有興趣的參觀者
他的畫作的價錢
第二張是些應用他作品的產品
滑板
杯子
薄荷糖盒
...
等等


About
這裡提供James Jean的聯絡方式及履歷

2010年10月28日 星期四

MOS BURGER

以顧客熟悉的摩斯漢堡紅底白字商標
架構整體網站
右方視窗每隔約五秒會變換
展現摩斯漢堡季節限定新品,客服電話,特色餐點等
下方手繪的圖案代表摩斯網站介紹的不同資訊

點進主餐頁面
所有的主餐都有圖片供顧客選擇

而且每個漢堡點進都會有營養標示
並清楚顯示顧客可以選擇搭配的套餐
以及加購優惠 
此部分摩斯漢堡還提供六大食物份數表
來建議顧客每日應該攝取的營養

店鋪情報裡提供24小時營業店面
店鋪檢索以及活動

MOS的用心頁面裡提供
社會環境活動
公益活動
社會教育
生產履歷
MOS使用說明查詢等等
上面舉生產履歷為例
清楚交代摩斯漢堡所有的食材來源及品質保證
讓顧客安心地食用
MOS遊樂場
裡頭提供摩斯漢堡最新法式蕈菇牛肉堡的廣告
還有MSN圖示,桌布下載,收藏MOS等

關於MOS
舉品牌理念為例
為顧客及社區提供美味、健康與幸福,讓MOS店舖成為顧客活力再生的源地
這是摩斯漢堡的核心理念
此處還介紹企業概要,海外MOS,榮譽事蹟,顧客感謝





2010年10月18日 星期一

ANNA SUI 台灣官方網站

一進入ANNA SUI台灣官方網站
就可以看到ANNA SUI可愛又華麗的風格
一貫的黑紫紅配色
幾乎就是ANNA SUI在各大百貨專櫃的縮小版
令人眼睛為之一亮
尤其是喜歡ANNA SUI品牌的女孩們!

魔女新品
一開始的精緻動畫帶領觀看者進入ANNA SUI的魔幻世界
介紹香水新品--紫境魔鑰
下方一些選單可以讓女孩們瞭解
有關紫境魔鑰香水的設計概念.瓶身設計.廣告視覺
以及ANNA SUI如何打造MODEL造型等
還擁有小遊戲讓女孩創造屬於自己的魔幻公主造型
成功地讓香水新品深植女孩心!

魔女時尚祕笈
處處都有驚喜噢!
一進來這個頁面就有迷幻帶點鄉村歌曲風味的配樂
左方的娃娃.中間的飾品櫃.地上的包包.右方的桌子.牆上的蝴蝶
每個地方都有一些ANNA SUI周邊商品的連結
供女孩點選進入觀看

魔女彩妝祕笈
觀賞完此頁面會讓女孩對ANNA SUI彩妝品
瞭如指掌!
滑動式的捲軸能輕鬆選擇想瞭解的彩妝商品
底妝.眼妝.唇彩.美甲
我挑選了自己最喜歡的指甲油系列商品做介紹
色號都齊全的呈現在頁面中
方便女孩挑選!
還有其他彩妝用品的使用方式.價錢.特色等
都可供女孩們參考噢

魔女香氛祕笈
從ANNA SUI同名香水直到最新的紫境魔鑰
都一一陳列在梳妝台上
令人想每款都擁有!
點選香水瓶身之後
會出現每款香水的設計理念.前味中味後味等
供女孩挑選自己適合哪一款香水

季節時尚秀
滑動的視窗.將游標擺在感興趣的畫框上
就會停下來
妳可以選擇難圖片或是走秀影片
相當用心的一個頁面

魔女交誼廳
像是一個真正的交誼廳一樣
點選桌上的信紙與筆極可訂閱ANNA SUI魔女信籤
牆上也有一些小驚喜噢
有搖滾甜心及搖滾天后的產品介紹
點選進入後和紫境魔鑰一樣
有許多概念介紹也有小遊戲
還可以下載桌布及MSN圖片噢!



專櫃據點
游標移至代表各洲的小衣櫃
就會出現薔薇花朵與飄動的蝴蝶
再點進去就能清楚看見ANNA SUI專櫃在全世界的據點囉

特別獻禮

T-Shirt藝術家
介紹與ANNA SUI合作的一些插畫家

點選進入之後的插畫家介紹!

關於ANNA SUI
這是ANNA SUI的自傳與她喜愛的事物
感覺流覽完就能更貼近ANNA SUI與她設計的所有系列商品

2010年10月11日 星期一

DKNY



此為DKNY的品牌官方網站
網站內提供新品發表,商品目錄,購物等等服務
首頁為黑白配色
展現時尚感
但個人認為背景與下方圖片連結稍嫌雜亂 


背景有許多種
每次進入都不一樣噢!
但幾乎都十分具有時尚街頭感
此為紐約街景


下方圖片連結有WOMEN MAN BAGS
移動滑鼠道圖片上
圖片會呈現色彩




網站有許多分類
我選了兩個做為表示
此為女裝目錄展示
移動游標到圖片上可觀看MODEL背部影像
就能清楚了解商品的整體性
而且使用者可以選擇小中大三種不同頁面展示
上方為小的展示
下方為DKNY青蘋果香水
是大的展示頁面
(個人愛用這款香水噢!)


DKNY TIMES頁面
會有許多伸展台影片資訊以及事件
例如新品發表日期等等
還有許多門市資訊

2010年10月4日 星期一

CREATED 201 Studio

Created 201 Studio
一個創意工作室的網站
一開始的Loading畫面簡單明亮
以Logo一部分的201數字動畫
從零數到201就進入到首頁
首頁畫面
斜放的立方體搭配動畫
白色的小船隨著藍色海浪蕩漾
綠色的森林插圖偶爾會有松鼠或是鳥兒出現
畫面精緻
 配色也令人感到舒服


 進入Client畫面
一個類似播放器的主畫面
可以供使用者瀏覽工作室製造的客戶委託作品
不管是logo還是網站
都清楚而用心精緻呈現給使用者觀看
此為供使用者連繫工作室的畫面
表格與網站主要的立方體一樣斜放著
使網站擁有整體感