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

轉載自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專案與識方網路共同完成





【網站設計】網路女神有新歡?! EPSON TX430W Teaser

猜猜大元愛上誰

新專案上線,來自EPSON新印表機的Teaser網站。
這次新產品代言人為網路女神大元,藉由偶像效應同時帶動產品注目度。

除此之外,有鑒於智慧型手機普及,EPSON更推出iPrint App應用程式。
只要透過手機和印表機WiFi連線,無須透過電腦,即傳即印。
無線輸出,就這麼輕鬆簡單

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

冷靜! 想清楚以後,再做

正式進入專案月,手上專案正緊鑼密鼓地趕工中。

這兩個月犯了一個工作上的大忌,讓後續承接的工作排程有些打亂

坦白說,我實際上待在電腦桌前工作的時間並不長
儘管手上的案子再急
我還是習慣把事情敲定,腦袋瓜裡面有靈感了再動手設計
與其要毫無頭緒地對著螢幕發呆
倒不如出去透透氣,讓腦袋放空,搞清楚狀況再動工

然而隨著近期專案量暴增,客戶所給的製作時間被強制壓縮
我放棄了自己應該秉持的原則,跟著踏入瞎忙的陷阱
時間是趕上了沒錯,但是中間的錯誤狀況連連
徒增不少修改,浪費精神浪費時間,也影響了後面表定計畫
最後沒辦法,只好忍痛,少賺點錢,放棄某個可發揮的專案
何苦?!

不管是客戶的問題還是時間上壓迫所產生的錯誤
自己沒有敲清楚內容,搞不清楚狀況就瞎忙猛作
都應該要為這樣的脫序失誤狀況負責。

從事網頁設計,時間就是我們的最大成本
趕不上進度、浪費中間的修正時間、熬夜追進度趕工,這都不是好現象。

冷靜! 想清楚以後,再做
請找回自己該有的節奏和清晰腦袋,陳小吉先生。

【網站設計】奧黛莉easybody天使惡魔診斷機

新專案上線,對象是奧黛莉easybody內衣。
這次活動由宅男女神安心亞和袁艾菲聯合代言,將兩者塑造成天使、惡魔截然不同的形象風格

遊戲玩法很簡單。
只要上傳個人照片,程式將計算網友為天使或惡魔
同時分析在網友Facebook好友中,天使惡魔所占比例

你是天使? 還是惡魔?
馬上診斷立即揭曉!!

網站設計的迷思。或許在開始前,我們可以先這麼做。

很多業主常會有種迷思,認為網站做好丟上線了,生意就會自己上門。
但….實際在網路上操作的朋友可能會清楚,在這虛擬平台上要耗費的精力多半會大於實體店面經營。
簡單的說,公司網站其實就像是一個虛擬的店面。
店面的大小、規模,取決於經營者的資金及營運方針。

在還沒有足夠預算之前,我真的不建議將網站所有功能做到滿。
畢竟我們不是大公司,拿出30萬、50萬對公司影響不大。
對於微型產業或者即將創業的新公司來說,這些耗掉的設計費用可能是我半年或者一年的創業基金。