SIXPENCE Store Branding Microsite

數(shù)英評(píng)分

收藏12 評(píng)論1

舉報(bào) 2014-08

掃描,分享朋友圈

項(xiàng)目地址: http://www.sixpence.com.cn/fighter/

所獲獎(jiǎng)項(xiàng):

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

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

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

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

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

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.