Genie Chen

Genie Chen 陳小吉 1981/8/1 A型 獅子座 Innovation Plus Creative Lab 超能力設計戰隊隊長兼網頁視覺設計師
我的設計作品

Nissan Sentra aero 網站設計

Posted on

新專案上線，對象是Nissan汽車推出的Sentra Aero
裕隆日產以「雙生車系」的概念，和Nissan御用設計廠Autech Japan共同合作
推出加裝空力套件的Sentra Aero
並以傳奇、豪華、旗艦3種等級作為車型編程

這次專案真的是吃足了苦頭
除了製作時間不夠以外
我們也花了不少力氣帶入SVG Animation
讓頁面的三角幾何圖形可以更精美

專案如期上線
辛苦今天的幕後大功臣 Kidult 支援網頁撰寫

想體驗外在野內在美的新車款
歡迎先到網站瞧瞧!!

http://www.nissan.com.tw/tc/cars/SentraAero/

放肆玩樂的日子

【國外旅遊】2014東京設計週

Posted on

今年第四度出國，一樣是日本。
整個就是把去年老闆娘懷孕不能出國的遺憾補足
除了拜訪朋友外，我們主要的重點還是放在今年的東京設計週

東京真是一個迷人的城市
每次造訪總會有新的體驗
今年的額度用光了，明年繼續
我會帶著胖妞和老爸老媽再次造訪

老朋友，明年見

垃圾桶裡的創意 我的設計作品

Avene雅漾。免費索取試用活動

Posted on

統一藥品代理法國雅漾
這次主要做索取試用品的活動
只要選取其中一位醫師，看完影片後即可填寫領用表單

底下這個版本是我主推給客戶的樣式
不過很可惜最後被打槍了

最後上線版：http://event.avene.com.tw/

打槍版，以600位醫師的600字樣壓底
五位醫師採全身照分落畫面，做為主選單
當Mouse Over時再出現提問對話框
如下圖所示：

index_default

index_over

垃圾桶裡的創意

(槍稿) 一針一線。設計提案

Posted on

來自中國汶川的客戶，希望保留繡娘的傳統手藝
因此創立一針一線這個類文創的品牌
我們在設計官網的時候，也特別針對這點
重新琢磨頁面視覺

概念 01 職人精神 / 文化傳承
攝影師提供的Teaser影片很有故事性
同時也帶出一針一線的原有精神

因此在設計上建議直接使用影片作網站首頁背景
影片不間斷重播(需移除影片內的LOGO片段)
畫面選單 / Footer於首頁時隱藏
點選紅色按鈕或捲動後進入故事 Sotry單元，選單置於頁面上方使用

index_01_01 index_01_03 index_01_05 index_01_06 Story

概念 02 商品導向
使用情境文字作開場引言，像是在述說一段故事的開場白
畫面以淡入淡出的效果切換
在出現靜雅的生活品格之後，產品畫面由左至右滑動進場
隨後出現一針一線 LOGO及網頁選單

畫面在首頁靜止時，左側的畫面會隨機輪播照片
(同樣以淡入淡出效果製作即可)

index_03_01 index_03_02 index_03_03 index_03_04

垃圾桶裡的創意

Nissan Livina。冠軍限定版升級頁面

Posted on

Livina 一直是年輕家庭的最愛
除了價格低廉容易上手外
廣告輕鬆詼諧的吸引力自然不可少

有鑑於先前採用EDM形式，成效不佳
客戶嘗試這次將固定發送的EDM引導至桌機/行動網頁上
同樣帶上可愛的昆蟲動畫，最後帶入促銷訊息

showall_livina