Acer Aspire-R7
- Icon
- 插畫
- 網站建置
- 網頁設計
Acer為筆電市場做了一個大膽的嘗試，Aspire-R7擁有一般筆電所沒有的Ezel hinge，能針對使用者的姿勢、情境做出形態上的調整，從筆電到平板、坐姿到站姿、獨享到分享，Aspire-R7都能適應各種情境。
Acer需要一個可以適當介紹這項產品之特色的網站，一個可以留住訪客目光，讓訪客對產品特色印象深刻的網站，並能呼應Aspire-R7針對需求大膽創新的風格。
Work Detail 作品介紹
產品展示與互動
Aspire-R7特殊的外觀是一大重點，而最適合展示Ezel hinge的角度便是它的側面，因此我們從開始的產品連續動作展示後，便一直以它的側面作為網站的展示重心，最後再回到正面收入公事包，表示多樣性面貌卻一點也不失方便性。 我們設計了一套互動機制，讓訪客可以拉動滑桿切換至各個模式的介紹，同時看到Aspire-R7運動它的Ezel hinge擺出各種姿式的過程，在切換到各模式後，還有一個互動按鈕，按下後可以看到以使用者角度的動作，讓訪客對操作方式一目了然。
One Page & Responsive
為了因應Windows 8的跨平台特色，並且Metro版IE瀏覽器不支援Flash的限制，我們採用HTML 5、CSS3、Javascript等技術來製作這個網站，使用One Page的概念，讓整個網站的所有區塊能一氣呵成，瀏覽過程不中斷，並且Responsive的設計讓網站可以一個版本同時支援多種裝置，大到桌機螢幕，小到平板、手機，它能依據螢幕尺寸調整排版和互動方式。
