【網站設計】園之味行動網站

智慧型手機的普及,帶動了全民3G上網的風潮
在網頁設計的部分,也逐漸延伸至行動裝置中。

園之味是近期行動網站專案中,我最喜歡的一款

因解析度是專為行動裝置設計,在此不提供快速連結
有興趣瀏覽網站時,記得拿起手機將下方QR CODE掃描一下!

【網頁設計】福馬康電力女超人

新專案上線,對象為Pharmaton福馬康
來自瑞士的營養保健食品。

有別於先前的維他命軍團,這次新登陸台灣的福馬康特別聘請名模蔡淑臻擔任代言人
以福馬康電力女超人的形象力抗其他競品

專案的設計風格,因應先前廠商贊助的美國超人系列電影「復仇者聯盟」
我們將概念延伸,以真人版漫畫風格來增加畫面的趣味性。
此外在介紹畫面中,也搭配一個簡單的小遊戲
透過輸入文字,讓user可更快了解福馬康產品成份
為食用者帶來每日活力

接著,歡迎大家和電力女超人一起捍衛地球和平吧!
Peace ~!!

遊戲結束後,程式會亂數產出戰果快報,增加其趣味性 (如下圖所示)

【網頁視覺設計】上海安立霸官網上線

新專案上線,客戶來自上海。純水機製造商。

除了網站設計外,還包含CIS,平面刊物設計
算前些時候花了不少力氣設計的專案之一。

水是一個很酷的元素,可以很柔軟,也可以很俐落
在設計上我將水和中國的潑墨做結合
透過滿版Flash畫面營造氣氛
在各內頁中也同樣帶入一些小巧思,當滑鼠移到頁面各角落都會出現水波盪漾的效果

很喜歡這次的設計,也希望透過形象改造後的安立霸也能在事業上有別以往,呈現一番新氣象。

【網頁視覺設計】雅漾危肌任務

雅漾 危肌任務

新專案上線,對象是雅漾。
來自法國的國民藥妝保養品。

遊戲玩法很簡單,只要核取Facebook程式後
網站會自動擷取User FB大頭照
只要使用化妝水清除大頭貼臉上痘痘即可參加活動抽獎
完成任務的同時,網站也會同步產出使用前/後的照片到FB塗鴉牆

有興趣的朋友趕緊來參加
長期熬夜,皮膚狀況欠佳的朋友千萬別錯過。

雅漾危肌任務 輸出圖片
雅漾危肌任務 輸出圖片 ↑

三款頗具臨場感的網站設計

轉載自innovation plus超能力設計戰隊

可怕的專案月總算告一段落了。
接下來可以專心地整理先前看到的好創意,分享給大家。

全滿版網站至今已屢見不鮮,特別是在Flash網站的應用更是廣泛
超能力設計戰隊這邊就經常接觸這類型的專案
但….如果場景可以跟著使用者接觸捲軸移動呢?

今天要介紹大家三款頗具臨場感的網站設計,以HTML5作為開發基礎。
畫面過場和視覺的質感非常不錯

如果是這樣全滿版的設計,你會想到怎麼應用呢?
我阿~我倒是很希望有一天台灣的夜市或博物館(展演空間)也能做出這樣酷的導覽網站
我想應該會很新奇吧?!

 

1) New Zealand 100% Pure (http://www.newzealand.com/int/)
採上下捲動的方式,右方的Google Map也會同步定位。酷吧?!

 

2) VIA BUS STOP MUSEUM (http://www.viabusstop.com/museum.html)
把百貨公司專櫃擺到網站上,透過精緻的轉場也能讓看似普通的網站變得生動有意思。

 

3) 360° Langstrasse Zürich (http://www.360langstrasse.sf.tv/page/)
我最喜歡這個網站。除了採第一人稱的角度呈現畫面外,程式在Loading圖片也是相當流暢。
試著把畫面捲到任一個場景上,然後停下來幾秒鐘,留意看看有什麼特殊之處?
原來….他把動態模糊帶到畫面上了,既不突兀也能讓畫面多了預留讀取的時間,超酷!!

【網頁設計】體驗新客廳美學,Epson TX430W登場

猜猜大元說什麼

新專案上線,來自EPSON新印表機的TX430W。
視覺設計上呼應新客廳美學,以印表機妝點客廳設計貫串整個活動網站。

產品網站除延續八月Teaser代言人外,廣告公司也在影片當中帶了雙關語小創意
仔細注意影片~ 聽聽看大元到底說了什麼?

*EPSON專案與識方網路共同完成