SIXPENCE Store Branding Microsite

數英評分

收藏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 為獨立設計師買手店?SIXPENCE 量身打造的 Branding Microsite 已于近日竣工上線。SIXPENCE 是由獨立時裝設計師/買手 Yan Xiao 與 Vito 攜手創建的獨立品牌,專注于創制精致及限量生產的手縫服飾。 Fighter 是 SIXPENCE 的首度創作系列。

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

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

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

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

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.