Apoteket

Apoteket網站架構

1 Loding的畫面很有趣，造型漸漸構成橢圓電視機，會有影像解說。網站右上有音樂控制。

2 按螢幕上顯示的步驟，輸入名字選取性別。點取右邊的小三角形進行下一步。

3 問歲數的部分，是用按鈕轉取。

4 下一步選症狀，選取圖樣會有聲音。若不清楚，可按螢幕上右下的小i，會有解說。

5 之後一樣按部就班，回答問題。有時螢幕右下會出現類似小i的眼睛符號，點選會有圖示，讓你更明白題目的問題。

6 做完全部問題，會有分析診斷，還會出現診斷書，還可以將之退回去，重做一次。

7  可以按右上選項，有更詳細的其他資料和感冒相關的資訊。

線上診斷器就很特別了，加上設計成高科技和不同按鈕感覺更有趣。可以邊玩又學到知識一舉兩得。

O2

O2

網站架構

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

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

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

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

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

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

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

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