Acer为笔电市场做了一个大胆的尝试,Aspire-R7拥有一般笔电所没有的Ezel hinge,能针对使用者的姿势、情境做出形态上的调整,从笔电到平板、坐姿到站姿、独享到分享,Aspire-R7都能适应各种情境。
Acer需要一个可以适当介绍这项产品之特色的网站,一个可以留住访客目光,让访客对产品特色印象深刻的网站,并能呼应Aspire-R7针对需求大胆创新的风格。
Aspire-R7特殊的外观是一大重点,而最适合展示Ezel hinge的角度便是它的侧面,因此我们从开始的产品连续动作展示后,便一直以它的侧面作为网站的展示重心,最后再回到正面收入公事包,表示多样性面貌却一点也不失方便性。 我们设计了一套互动机制,让访客可以拉动滑杆切换至各个模式的介绍,同时看到Aspire-R7运动它的Ezel hinge摆出各种姿式的过程,在切换到各模式后,还有一个互动按钮,按下后可以看到以使用者角度的动作,让访客对操作方式一目了然。
为了因应Windows 8的跨平台特色,并且Metro版IE浏览器不支援Flash的限制,我们采用HTML 5、CSS3、Javascript等技术来制作这个网站,使用One Page的概念,让整个网站的所有区块能一气呵成,浏览过程不中断,并且Responsive的设计让网站可以一个版本同时支援多种装置,大到桌机萤幕,小到平板、手机,它能依据萤幕尺寸调整排版和互动方式。