多喝水 網站分析

介紹網站:http://1061155.ufc.com.tw/ 多喝水

一開始進去還有音樂

而且動畫也好可愛喔那台電視超活潑的

可是一開始不知道要點哪裡耶...

那兩個泡泡點了沒反應

要點下面的官網進入

右邊三個是廣告

點進去會跳窗出現↓

都是跳窗哦

不過都是和多喝水有關的廣告

再來點進官網

中間是影片哦　還有歌

因為water man出專輯囉!

三個可以選的都是不同的廣告MV

這是播放中~很可愛吧!!

這是點右下方的連結

會出現water man的無名小站

乍看之下還以為是同一個網頁呢

這是右下方紅色的那個選項

他們有活動還是比賽之類的

所以有這個很可愛的頁面

應該是自由投稿

點任何一個頭都會有他們說的話

會移動 很可愛哦

這是得獎名單

是跳出來的

總結:其實我覺得是個很活潑但超極亂的網站，有讓人摸不著頭緒但是又覺得很熱血的感覺，音樂和影片加分很多，但是選項真的太亂了，也不知道那算不算主選單那算不算次選單，跳窗一大堆，但是版面設計上就是還OK，大致上都是黑白和藍，其實也算是滿彩色的啦！就是很繽紛，不過他們也只是一個大牌子裡的小牌子，所以有官網已經算很用心囉！

GODIVA 網站分析

介紹網站 : http://www.godiva.com.tw/ GODIVA巧克力

這是首頁

一開始就有動畫 圖案是慢慢浮出來的

menu在上方 左邊也會有次選單

顏色都是用巧克力還有香檳色 很有質感喔!

滑鼠移到menu尚會自動浮出很多選項

如果都不選的話會出現比較夯的吧

左邊就可以選更多其他種的

另外就是這也是用動畫 都是浮出來或是移過來的巧克力~

這是其他種類的巧克力

都算是大同小異

都做得很精緻很漂亮

這是有一個地方有個選項是網上體驗總店

在剛剛頁面menu的下方

點進去後會出現像真的一樣的專門店

滑鼠移到門上還會開門哦

進去之後就有很多種可以選

我選了尊品鑒賞

接著就出現好多種很可口的巧克力

都是這種色調 像我滑鼠移到右邊第二個

就會變彩色

接著就點進去囉

這是片裝巧克力

還可以看更詳細 左邊有選項

點進去後會到另一個頁面

有更詳細的介紹

配色也是巧克力與香檳色~都很統一

這是門市資訊

點了其他種類的巧克力

發現配置都差不多啦

這是特別推薦

因為最近有聖誕節

所以裡面都是聖誕節的特惠或介紹

是出現另一個不同設計風格的頁面

左邊是次選單

主選單依然在上方

左邊的次選單滑鼠移過去還會出現更小的選單

大致上就都是這樣

總結:這是個很完整的網站，風格很統一，也很高雅有質感，讓人一看就覺得GODIVA不便宜啊啊！選項也算是滿好找的，到哪都有明顯的按鈕，巧克力的介紹也很豐富，動畫也很美，只是可能太過精細所以我家跑的有點慢啦...但是大致上這是個好網站喔!!

華碩 網站分析

介紹網站 : http://tw.asus.com/ 華碩台灣

這是首頁

中間那個是動畫

可以點進去

是他們的新產品的廣告

點進去之後會出現該新產品的介紹

他們的menu在上面

不過其他地方也是有很多雜碎的選項可以按

這是某產品的介紹

大致上就是一路排下來

這是產品資訊

中間有個幾吋幾吋的

游標移過去會有該尺寸的產品滑出來

還滿方便點選的

這是全產品列表

我覺得很方便

想看啥就一目了然

這是榮耀經典

就是他們得過的獎之類的

我覺得還不錯 有這麼多 獨立成一個menu也是滿厲害的

每一個獎項是哪台產品得獎可以連進去

但是我覺得應該附上該獎項主辦單位或是得獎資訊等等

這是最新消息

一樣是一目了然

只是 字好多.....

隨便點一個進去就會有更詳細的新聞介紹

這是服務與支援那裡

點出來都會是跳窗哦

感覺不是很搭

會點到後來一堆視窗

這也是跳窗 感覺又出現另一個官方網站!?

這是關於華碩

選單在左邊 有很多可以選 而且也很順

這是華碩徵才

怪的是又是跳窗拉~~~

總結:基本上設計跟顏色都還OK,就乾乾淨淨的很符合電子產品的形象,缺點我講過好幾次了為什麼一直跳窗!!!!好多地方點了都會跳出別的,而且也不是說某類型的都跳,是有的跳有的不跳,真的讓人眼花撩亂,不過基本上想選什麼還是選的到啦,就是有點亂而已

可口可樂 網站分析

介紹網站 : http://www.coke.com.tw/ 可口可樂台灣官方網站

這是一開始進去的首頁

選單在上面

不過為了擷取視窗我有把螢幕大小拉小

沒想到他的字就被卡掉了耶~

很多地方是用動畫

按鈕也很可愛

字會浮出來

感覺每個細節都有用心在做

這是關於我們

他的小選單都在左邊

每一個主題都會用最適合的呈現方式

或許不同但是不會選得凌亂

像這個就是用圖表

這個的也是不一樣的呈現方式

字在左邊而且還有小滾輪

還滿可愛的

這是新聞中心

排版是一樣的

只是他有些小小的選項可以讓你點你要什麼新聞

點了之後會直接在式窗內出現該新聞

不會跳窗

還滿清楚的

就是像下面這裡~

點了會變這樣

就一樣的頁面

這是企業承諾

一樣是不制式化的排版

但是看了也是讓人覺得很舒服

這是可口可樂小百科

裡面有很多營養介紹什麼的

看了真的很意外 原來很多關於可樂不好的謠言都是誤傳的

這是連絡他們

就大同小異囉

總結:這是一個很完整的網站,每一個篇幅都看得出用心,而且配色很乾淨清爽但也有可口可樂的feel,小動畫也很多卻不會讓人覺得雜亂,缺點就是我一開始說的不知道為什麼我把網頁弄小之後會有字被卡掉,應該是有哪裡沒設計好,其餘部分都很讚唷!

Canon 網站分析

 介紹網站 : http://www.canon.com.tw/ Canon相機

這是一進去的畫面

上方的是動畫 會隨時間變換圖案

最上方是全不的選單

滑鼠移過去的話會往下延伸出該選單再更細一點的選單

下方的很多資訊點進去的話被帶到的地方也能由上方選單選入

我最好奇的是首頁的右下方有個網站地圖

點進去看

發現這是所有大選單與小選單

這樣的設計還滿方便的

一目了然

接著就開始選單一個一個點

這是產品的部分

每點選一種類型的產品都會先出現一個類似副首頁的頁面

左邊會有產品選單

可以再去選想要看什麼產品

我點了印表機

基本上再更細小的選單是在圖中列的地方

然後圖都是可以點的

這是相機的部分

一開始也是像副首頁,就出現很多種給你看

另外再自己去點想看哪一台

這是EOS普通小相機的

每一種都能點進去 也會有詳細介紹

這是Canon辦的影像樂園

會教大家拍照

這是下載專區

有產品型錄

還有一個很特別的是 創意啪客!?

這是跳窗

Canon新出的印表機有很多功能

所以這是配合他們印表機所出的

色彩鮮豔可愛

每個地方點進去都是跳窗歐!!

這是環保的

主要都是用綠色

就 文字居多

關於Canon

員工招募

下面還有一個可以點選看看哪裡還有缺人的

我覺得還不錯

這裡是如果你找不到你所使用的產品

可以由這裡點選

會把你帶往該產品的頁面

也是不錯的設計

總結:我覺得Canon是很貼心的廠商,從單眼小相機到網站都是,從小細節就看的出有ㄧ些設計是方便顧客點選的,另外配色方面不算統一,出現的配色都算是五彩繽紛,但是因為沒有太大塊的地方所以不會顯得雜亂,主要還是很清楚明亮的,選單的部分一直都在上面,副選單在左邊,細選單在中間列,也是統一的,所以不怕找不到東西,基本上我覺得它是個好網站喔!