SIXPENCE Store Branding Microsite

數(shù)英評分

收藏12 評論1

舉報 2014-08

掃描,分享朋友圈

項目地址: http://www.sixpence.com.cn/fighter/

所獲獎項:

FWA SOTD
FWA MOTD
Awwwards SOTD
Awwwards HM
CSS Design Awards
French Design Index
CSS Winner
and Design Licks

ACTIVATION NODEPLUS 為獨立設(shè)計師買手店?SIXPENCE 量身打造的 Branding Microsite 已于近日竣工上線。SIXPENCE 是由獨立時裝設(shè)計師/買手 Yan Xiao 與 Vito 攜手創(chuàng)建的獨立品牌,專注于創(chuàng)制精致及限量生產(chǎn)的手縫服飾。 Fighter 是 SIXPENCE 的首度創(chuàng)作系列。

ACTIVATION NODEPLUS 自成立以來,短短兩年多已經(jīng)是中國互動設(shè)計與技術(shù)獎項的常勝軍,秉持著創(chuàng)新精神,在每一個 ACTIVATION NODEPLUS 出品的作品里,我們都致力于將獨具匠心的創(chuàng)意,精致的設(shè)計,以及前沿的互動技術(shù)轉(zhuǎn)化為具有創(chuàng)造力的數(shù)字體驗。SIXPENCE 項目的挑戰(zhàn)不僅僅是創(chuàng)作與品牌氣質(zhì)吻合的視覺設(shè)計與體驗,同時需要運用 HTML5 技術(shù)實現(xiàn)單一版本跨越平臺,以及跨越紛繁的瀏覽器。

我們認(rèn)為在優(yōu)秀的互動數(shù)字作品里,所有的創(chuàng)意與設(shè)計,都將最終轉(zhuǎn)化為體驗來呈現(xiàn)。此次項目中,我們通過巧妙的 CSS Keyframes Animation 為用戶在滾輪切換頁面瀏覽時,創(chuàng)作了極具空間感的「透視」瀏覽效果, 并在整個作品的多處單元里,貫穿了極具視覺沖擊力與技術(shù)難度的實時 xHTML DIV 3D「切割」體驗 (Real-time DIV Scissor Experience) 。不同于單純的切割一張圖片,對于包含圖文影像復(fù)雜的 DIV 元素進(jìn)行實時整體切割,這是一次十分創(chuàng)新并成功的前端技術(shù)(Front-end development)運用。將聽上去復(fù)雜的技術(shù)創(chuàng)新,融合到最終精細(xì)的視覺呈現(xiàn),我們在不同瀏覽器與跨平臺之間最終做到了流暢一致的使用者體驗。

我們很高興分享,此次由 ACTIVATION NODEPLUS 創(chuàng)作的 SIXPENCE Store Branding Microsite 已經(jīng)為我們贏得世界著名數(shù)字作品認(rèn)證 FWA SOTD, FWA MOTD, Awwwards SOTD, Awwwards HM。以及 CSS Design Awards, French Design Index, CSS Winner, Design Licks 等多項殊榮。

本次作品將會收錄進(jìn)入 Awwwards 出版的設(shè)計年鑒 "The Best 365 Websites Around The World" 2014,同時此次 FWA SOTD 也是中國內(nèi)地數(shù)字作品里,第一個基于 HTML5 技術(shù)打造,贏得此項榮譽的作品。

http://www.sixpence.com.cn/

ACTIVATION NODEPLUS has won the first HTML5 FWA SOTD in China, and Awwwards.

ACTIVATION NODEPLUS recently developed a branding microsite for SIXPENCE, a newly established indie-designers collaboration store by two fashion designers/Buyer Yan Xiao and Vito. Fighter featuring the debut series of their hand-sewn apparels.

The challenge of this microsite is to design a distinctive and innovative website experience to differentiate itself from mass. Addition to that, a cross-platform compatibility is required as well.

The concept is to convey a cult-like brand message that speaks the same language as its target audience. Thus, we created a fresh and effective responsive design with CSS keyframes scroll down motion experience. Furthermore, with technical and innovative approaches, we crafted an absolutely stunning random real-time DIV scissor transition effect. All of those features are not only friendly on different modern browsers, but also works perfectly on iPhone / iPad.

SIXPENCE Store Fighter Branding Microsite by ACTIVATION NODEPLUS has won the Prestigious FWA SOTD, FWA MOTD, Awwwards SOTD, Awwwards HM, CSS Design Awards, French Design Index, CSS Winner, and Design Licks. This work will be selected and printed in Awwwards annual editorial book "The Best 365 Websites Around The World" 2014 as well.

We are proud that it is also the first HTML5 FWA SOTD for Mainland China, and now We are a digital creative agency with FWA x 5, Awwwards x 2.