2015年10月27日 星期二

The Happy Forecast

The Happy Forecast

快樂形象化預測在所有119郵政編碼的倫敦做觀察性社會福利研究。

觀察公共場所內的日常微互動
積極和消極的肢體語言、聽覺因素、善良和侵略等的物理行為 。
正是這些,往往下意識的動作,
在長久了累積下,對我們的心情都有一定的影響。

該項目的是展示和地區比較倫敦目前的社會福利水平。

當我們穿過城市時,鼓勵我們更加注意我們的日常社會交往的陌生人。
讓城市氣氛更加快樂。



等待畫面

早晚開網站有不同的主色。






左圖粉紅色是晚上

右圖天空藍是早上


Key   Visual

畫面皆以幾合形狀、摺紙風格呈現。

當滑鼠移動時,小島也會跟著做轉動。

選擇地域


像拼圖一樣散開。










這地區目前的狀態


相關資訊


每個地區的狀態不同,LOGO、背景色、地區色也隨著不同。































整個網站設計相當可愛,主題有趣且具有很深的意義。
整體造型簡單,但很多小細節都富有變化。
隨著色彩轉換,整體氣氛也更著轉變。
背景的音樂,讓我們彷彿置於此世界似的夢幻。
我在想,如果
我看到我住的地區是深紫、深藍的地方後、
又看到其他地區是這麼晴朗、溫心,
真的會想嘗試改變,讓我的居住地變得更友善!



 網址

2015年10月21日 星期三

Scottie & Russell


               

 Scottie & Russell

We only sell items we love.

這是一家賣香水蠟燭,精品小禮,嬰兒用品...等的英國網路商店。
商店的取名來自創始人的愛犬名。

品牌風格雖樸素卻很典雅高尚,沒有過多的裝飾但仍很精緻。
網頁的風格一是如此,大塊大塊的圖片拼接加上少許的文字。

前幾周介紹的網站,雖然也都是一白底為主調,
但本想說是為襯托出商品的質感與多樣的色彩,
但這次的商品有幾乎沒有什麼顏色,
大多只保流質感的色系。
而網站仍選擇以白色為基調。
令人驚訝的是商品並每有被同化掉,
在巧妙的運用下,反而更凸顯出商品精緻的質感!


首頁

搜尋BAR

KEY  VISUAL

可直接讓人點選購買,與前篇訂房的網站排版很相類似。


當滑鼠放上照片時,圖片會ZOOM IN 
是商品時,便還會加上品名與價格。
記是圖也是內文,可減省文字的空間,
也能清楚傳遞出基本的資訊。


商品頁
真的是非常乾淨的排版。
力落大方,不呆板也不失美感。

品牌故事頁

顧客評價



小故事連結


 分享頁 



社群網站的分享

 聯繫頁



分店位子

品牌成立於2012,是近年來一個年輕的品牌,卻已有不少的實體分店。
每個分店簡單整期的標示出店名、位子與電話。


申請連鎖的BUTTON


此網站也有設基本的響應式網站。




網址
http://scottieandrussell.co.uk/



2015年10月13日 星期二

getaway

getaway

這次介紹的網站是一間位在
波士頓樹林裡的私人小套房網站。

其理念「忘了城市,忘了工作,甩脫一切,回歸自然」

想讓人透過樹林裡的小套房,
忘了煩擾的城市,享受簡單優閒的生活。

Key  Visual

滿版底圖占據整個畫面,LOGO放正中間,
明確的點出網站的主題內容。

我想簡單俐落的網頁風格
也是要呼應他們的理念。

整個網頁的色彩,除了主畫面的圖片外,
只用了灰階跟橘色(當觸碰到案件時)

Menu

選單以黑底白字呈現,
本來覺得閱讀起來,因為底圖而不太明顯,
但因為其他MENU主視覺底圖色系不同,
所以應該才選擇這樣。

Book  Button

要訂房的案件就直接擺在LOGO下面,
非常的直接了當!
讓人方便操作!
是整個網站我最喜歡的設計!


Content


Content

加入一些插圖,使人更直接明白。
插圖的風格也很簡潔、統一。

下方的文字描述一些
他們的理念、想法。

Content
每個步驟流程的圖
以三角形呈現,像播放鍵一樣,
自然呈現出一個視覺導向。

Footer
一樣以簡單俐落的樣式收尾。

MENU-Book


平面圖
因為底是白的所以到了這頁
明度很亮,內容與圖彩度又低,
有點刺眼
是整個網頁唯一的小遺憾。


圖文交叉排列,簡單卻不呆板。

很特殊的是,照片居多都以黑白呈現。


此網站也有做成響應式網站。



當我在逛這個網站時,就以讓人有自然舒適之感。
想想更何況是到了當地呢?




網站
http://getaway.house/



2015年10月6日 星期二

Retro Fred’s

Retro Fred’s

Key Visual


Menu



Footer Menu





 Content

 Look Book

響應式網站



Retro Fred’s

Retro Fred’s是一個專賣街頭懷舊風的印刷T恤的國外網站,
多以俏皮、有趣為主題;圖案可愛且色彩豐富。

所以網站如上篇Mistermorden指甲油網站一樣,
為凸顯要賣的商品,
網站背景使用白色素面,簡潔的黑字體,
雖然都是使用大寫字,
但字體不但沒有威嚴感,還給人活潑
可愛的感覺。

多圖少字,
讓購買者輕鬆找出自己喜歡的衣服。

“LOOK BOOK”分頁整理了每季的照片,
讓買者更方便收尋。

此網站也設有響應式網站。

網址
https://retrofreds.com/
臉書
https://www.facebook.com/retrofredsclothing/info/?tab=page_info