Sixpence Store Fighter Microsite
A branding microsite for SIXPENCE, a newly established independent 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 well handled as well.
Our 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 works well on modern browsers, as well as mobile devices.
Interactive Experience crossing multi-devices
A branding microsite for SIXPENCE, a newly established independent designers collaboration store by two fashion designers/Buyer Yan Xiao and Vito. Fighter featuring the debut series of their hand-sewn apparels.
The experience was lead by the DIV Scissor effect using Javascript / CSS animations to split the dynamic dom sections. Cross modern browsers & multi-platforms,such as Safari, Google Chrome, Firefox, iPhone and iPad.
SIXPENCE Store Fighter Branding Microsite by ACTIVATION NODEPLUS / Du Haihang picked up the honors including FWA SOTD, FWA MOTD, Awwwards SOTD, Awwwards HM, CSS Design Awards, French Design Index, Design Licks, etc.
I played a full-stack role on both design and development for her site. The involvement of tailor-made effects and technologies elevated the format of presentation, amplified visual impact for the brand's audience throughout technical approaches. The wide compatibility also made the site mobile friendly. All of those features work fine on different modern browsers and mobile devices. Plus, it also enables the mobile gravity detection to view the lookbook in a handy way.
URL
____
http://www.duhaihang.com/archive/sixpence-store-fighter-2014/
____
Credits
Agency_ Activation Nodeplus
Creative / Art Direction / Graphic Design_ Du Haihang
Experience / Code_ Du Haihang
Photo / Assets_ Sixpence Store
