Swatch Website

Swatch網站

Swatch網站的首頁以簡潔的白色為底
中間有圖的部份是系列錶款 ↓

首頁

可用左右箭頭(<、>)來預覽不同的系列 ↓

右邊箭頭預覽小圖

進入另一系列

第三個系列

產品目錄

當游標移到產品的方框內時
會變成紅色並顯示名稱及型號 ↓

選取

點進去就能看見產品的詳情
也可以按「+」放大鍵來近看手錶圖案
按「─」可以縮小回原始尺寸
「Share」可以分享到Facebook或是Twitter等社群網站 ↓

產品明細

放大圖

當畫面要載入下一個頁面時
就會出現一個灰色的錶面
時針分針會一直跑
就像是碼錶在運轉一樣 ↓

等待中

尚有其他系列的錶款
這一個動態網頁可以換手錶的位置 ↓

原本綠色的錶在中間
點一下鐵棕色的錶就轉到中間了
而且畫面會飄來跟錶體同色的煙霧↓

各種系列

瀏覽模特兒拍的圖集 ↓

這圖集做成雜誌的翻閱模式
只要把游標移至圖片右下角
它就會掀起頁角
點下去就可翻頁了
像在翻雜誌一樣↓

這一個系列很可愛
每一隻錶都配了一隻超Q的公仔
各有不同的特色 ↓

當游標移至公仔身上時
它就會跳起來
背景顏色也會隨之變換
並顯示他的名字
而且每個公仔名字的顏色及字體都不同
超可愛 ↓

左一

左二

左三

左四

右四

右三

右二

右一

每個公仔都有一小段動畫

以增加民眾的印象  ↓

公仔的動畫一

公仔的動畫一

也有將你如何操作、調整手錶的影片  ↓

個別說明

 右上角的playground的圓圈會變顏色還會轉
旁邊的MTV也會跟著順時針繞圈  ↓

綠圓圈

橘圓圈

粉紅圓圈

除了這些需要點取才會出現的頁面以外

在標題Swatch右邊的三個入口

Products、Exploe、Company

是只要將游標移至其上

就會出現類似"浮貼"的分頁

就是游標去才會出現

游標離開就會消失 ↓

Products

Swatch不只賣手錶

還有賣其它飾品

像是耳環或項鍊 ↓

 這張的地圖部份是用很多手錶組成的 ↓

如果你想找某支手錶的話
也可以在這裡搜尋 ↓

 以上就是我對Swatch官網的介紹

spongebob squarepants

海綿寶寶
這是來自美國的海綿寶寶官方網站
一點進來就是亮眼的黃色視覺
那就是海綿寶寶的大臉
也是網站的背景圖案
會隨機出現三種不同的招牌表情(都是笑臉)
很吸引兒童的注意

表情1 賊笑貌

表情2 微笑貌

表情3 大笑貌

再來就會看到網站首頁
頂端藍色長條及右側橘色方塊下的長條
並不是惱人的廣告
而是小遊戲的入口(play)
點進去即可開始玩
不必申請帳號、密碼
讓一般大眾也可以立刻參與其中


中間橫躺的綠色長條是其他功能的入口
包含 Videos、Games、Show、Sponge Stuff、News&Events、Contests
項目分類清楚
讓小孩也能輕鬆瀏覽網站↓

首頁

下圖為開啟子網頁Videos的畫面
子網頁的格式和首頁是一樣的
周邊沒有會閃動或令人眼花撩亂的小東西
觀者就可以專注的看中間所選的動畫
當然也可以放大為全螢幕來看↓

Videos

還有其他的子網頁
像這一頁就是用來下載桌布
還能下載海綿寶寶的Widget↓

Download

這個從Show進入的角色介紹也很符兒童的口味
主角們被泡泡包住
想了解哪一個人物就點泡泡進去
裡面也有他們的個人照↓

Characters

最好玩的地方就是遊戲區了
裡面提供大約100種精緻可愛的小遊戲
不需下載到電腦可直接玩是最大的優點
而且旁邊還有排名TOP10的排行榜
讓你快速知道大家都在玩的好玩遊戲↓

Games

以上就是我對海綿寶寶官網所做的介紹