glico優格

glico所出的一款優格

本頁之前有一頁進入的頁面。

產品首頁是以白色優格滴下的畫面作為背景，用產品上的天空藍及深藍作為配色。

當游標指到下方索引的圖案時也會出現像優格滴下的形狀。



頁面切換時，之後畫面出現的所有物件都以動畫方式出現。

產品介紹是以兩種口味排開，按了口味之後，

畫面會往左邊或右邊走，之後出現產品的簡介。

再另一個寫產品秘密的頁面，是用優格滴入碗裡的畫面，
旁邊用了四個產品特點的對話框。

按下對話框後，會出現更多的解釋。

最後的介紹也是用小動畫帶出。


網站的設計幾乎全以白色、藍色分散於畫面上，
配合著產品的顏色及想要帶給消費者的感覺。

網站連結：glico 優格

want to be a hero?

一進入網站後，出現一段文字，
上面寫著要使用者觀看一段影片。

按下之後出現了一段頗像電影的片頭。

片頭播完後，
出現以前電視收不到訊號時會有的彩色背景，
可以將自己的照片置入。

之後網站就會將你的照片製成一段影片，

製作的時間有點小長，
期間以黑白雜訊畫面帶過。

影片開始！

主播報導著全世界都在尋找的英雄，
正是剛剛照片上的那個人。

影片還細心的把搜尋人員的小看板換成自己的照片。

警察先生身後的巴士上也貼上了照片。



之後媒體發現了你的樣子在稻田圈裡，

甚至從太空船上顯現出來。

最後在出現一個發光的妳。

雖然只是一個短片，

但從觀眾易輕忽掉的細節中也放上了照片，

還有其他演員的反應，

讓人感覺到網站的細心。

網站連結: make a thank you movie!

法國童書插畫家Philippe Jalbert

選擇語言的部份是以白色背景前放上作家的作品，

語言則是以小國旗呈現。

點選語言之後進入網站，
上圖是法語下圖則是英語，

兩者大致相同。

左邊是作者為網站做的動畫，

一點進網站後便出現悅耳的鳥叫聲﹝或許有點吵﹞，

右邊則是選單，

再選擇進另一頁面之前會閃動。

像是擺在書櫃上的書一樣，

作者的童書作品一字排開。

按下其中一本後，

會出現試讀頁面，

也是以書本的形象製作。

想看全本的內容，

得要連結到右下角的亞馬遜網路書店。

其他出版品方面則是用類似展示海報的方式呈現，

按下其中一張後出現放大圖。



網站設計的部份，

整齊的將圖片排列好，

點開之後也會出現放大圖，

可以看到作者對背景的設計。

作者介紹是以簡報方式表現，

包含作者的作品、報導等。

聯絡的網頁將一張相片放在中央，

底下有作者的部落格、電話和信箱，

用簡單、清楚的方式傳達重要訊息。

最後在問號網頁的部份，

放有桌面下載、舊網站的連結還有其他藝術家網站連結。

但這樣整理似乎有點雜亂。

雖然是童書的作者，

但除了網站插畫及動畫吸引兒童之外，

其他大多是給想要接洽的單位資訊。

網站連結: philippejalbert.com

電影Les Femmes de l'Ober 法國官網

在二次大戰的關鍵時期，
五名女性特攻人員為了完成任務，
期間所做出的犧牲及過程。

整個網站加上了音樂後給人懸疑、緊張的感覺，
被報紙鋪滿的背景，
塑造出在執行任務之前，
在桌面上攤開的資料及照片。

不同於大部分網站的索引案件，
在右上角處放置了像是偵測人的雷達，
按下之後會移到不同區域。

頁面中的切換是將畫面整個移動，
不是跳換或另開視窗的方式。
到了新的頁面的時候，
畫面上的照片及資料會開始抽換，
之後會出現頁面的文字詳情。

劇照的部分是先將照片散落在畫面上，
按下之後會出現一張一張分別的照片。

像是從一包信封中拿出的資料，

演員介紹是先用演員的黑白照片排列，

按一下後出現完整的介紹。

畫面中間是演員及角色的文字介紹，

右邊則是演員的專訪、幕後花絮的影片。

演員資料切換後，

照片會像撕日曆一樣的滑落，

之後出現下一位演員。

現在的電影官網大多是設立部落格，

設計網站的算是少數；

這個網站的背景再加上音樂，

讓想看這部片的人，

在瀏覽網站的時候更加進入劇情、增加更多期待感。

網站連結:Les Femmes de l'Ober 法國官網