Nissan Sentra aero 網站設計

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

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

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

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

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


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

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

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

老朋友,明年見

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

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

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

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


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

index_default

index_over

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

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

概念 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。冠軍限定版升級頁面

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

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

showall_livina