O2

O2

網站架構

1 網站出現一行說明文字，之後帶到店家門口，旋轉的牌子從旁飛入，接著再快速帶領我們到目的地。

2 我們是在一個海底世界，如果滑鼠太久沒移動，會出現說明方框指導如何使用這網站。

3 點進O2會連結到該產品的網頁。

4 點進Be Smart會迅速靠近招牌，會有三個方框內容，游標指到處會放大內容且附有連結。

5 點進Be Heard動畫方式是招牌上的文字移動，可點進詳細訊息，文字會跳動為灰色。

6 Be Free有簡易地圖可上下左右移動。

7 Be Relaxed的動畫呈現呼應題目，游標移置哪文字會跟著游標呈現柔軟凹陷的感覺。

網站整體的設計是在水底下頗吸引人，在加上一些貼心的小提醒和小動畫，例如飛機飛過或泡泡，不會讓人覺得無趣。每個招牌上的內容和動畫的呈現也是小驚喜，也切合主題且簡單明瞭，雖然斜招牌字體也跟著傾斜，但不大會影響閱讀性，反而更貼切場景。感覺就像在小小的海底城市一角落，發現新事物。