POCARI SWEAT

 
    ↑  【ポカリスエット公式サイト】
        這是寶礦力水得飲料的日本官網。

   ↑ 首頁的主要畫面構成是上方一列選單欄位，清楚的標示出文字方便瀏覽，中間的部分是由各個方塊圖片所組成，每一個方塊圖片代表的就是上方欄位的選項，除了點選上方欄位外，滑鼠移動到圖片時，圖片會轉換成另一張圖片並在所在圖片的左下方跑出藍色方框標示出內容選項，產生了一些趣味性。 另外整個畫面會根據你滑鼠的位置上下移動，省去了拉捲軸的動作，直接的會自動移動畫面，可以輕鬆的觀看整個首頁。

   ↑  其中NEWS的部分跟其他不一樣，當滑鼠經過上方欄列的NEWS選項時，畫面會刷淡變成底圖，根據時間更新程度列出一條條的新聞項目，畫面簡單清楚，點進去就可以閱覽新聞的詳細內容，這時是開一個新的視窗。當點選首頁的選項後進入新的畫面時，是開一個新的視窗給使用者瀏覽，而從新的視窗中可以接著瀏覽其他的項目。

   ↑ 在新視窗中，當看完新聞時有選項直接接到STORY的部分，或者是可以從下方欄列選擇其他想要觀賞的項目。STORY的呈現方式用成像故事書一樣，裡面還有精美的插畫，讓人像是閱讀繪本一樣增添了一份童趣，而且當滑鼠經過書的邊角時，還會有書頁被掀起的變化，讓人覺得很有趣也像是在閱讀故事書一樣。

   ↑ 在 LINE-UP 中，每個類型的寶礦力都巧妙的安排在畫面中，當滑鼠經過飲料瓶時，會出現藍色框框的標示來說明，畫面一樣會跟隨滑鼠的移動而移動，所以可以很輕鬆的瀏覽。

   ↑ 年代表的部分，就分成上下兩部分，上面一樣沿用跟隨滑鼠移動的機制，所以畫面會跟著滑鼠左右移動。下面的部分則是呈現詳細資料。

   ↑  再來的 Q&A 和世界各地的標示，是用於一般清楚的標示，顏色依舊保持寶礦力的藍色色彩，畫面乾淨清楚。

   ↑ TVCM 的部分用一個小畫面來呈現，左邊邊條有其他的 CM 可以選擇觀賞，畫面會直接轉換成想看的廣告，十分方便，當然要觀賞更多 CM 還可以點選影片畫面的右邊文字，可以看到更多其他懬告的呈現，並且是用縮圖排列呈現。

  ↑科學的部分真的很有趣，寶礦力另外還做了科學的介紹，一開始的科學頁面，左側藍色的畫面是持續性的動畫，右邊則是像單元的條列選項，當點選了其中的一項單元，就會進入新的畫面，畫面內容就像一本書一樣，可是有別於介紹故事的網頁，它切換頁面時是直接快速的移動進入畫面，而且內容像極了理化課本的內容，除了營造出一種知識性的感覺，讓人進入一種科學專門領域的世界。

   ↑ 竟然是運動影料，當然會請運動選手來代言他們的產品，他們請來的日本的知名足球選手中村俊輔來代言，還拍了影片可以從網路上觀賞，最後還設計了了一個像是筆記本的複習內容，除了可以直接和左右的小箭頭<>來閱覽，也可以直接點選下方的筆記內容，滑鼠經過時那頁筆記時，筆記還會往上升高一點呢！移動的方式自然又有趣，又可以讓使用者複習所得到補充水分的知識，真的像是筆記本一樣。

   ↑ 最後寶礦力公司還製作了與環保概念相關的介紹，中間的圓球也是一個持續性的動畫，跟科學的部分相呼應，一樣有專業的效果呈現，整個畫面設計上除了正面的介紹環保議題，以讓公司形象增添了好的印象。


整個網頁的設計分長精緻，畫面保有寶礦力本身的特色，一直都是藍色的色調，與寶礦力的形象吻合，另外在畫面切換的同時，會有像是波紋的線條刷過，跟寶礦力上的包裝波浪一樣，這樣的設計讓人感受到公司的用心，另外其他製作的頁面內容毫不馬虎，讓網站除了是寶礦力的介紹網站外，也提供了豐富的知識性使網站變得更有價值，而且裡面的設計也很細膩，會根據主題有所細微的調整，包括和運動選手還有環保議題結合，都使公司和產品本身有形象上的提升，在瀏覽過後會更喜歡寶礦力這項產品了。



Website: http://www.pocarisweat.jp/