2011年4月22日 星期五

Szofita Land



可愛的Szofita Land網站有種童話故事書的感覺,loading的時間框框內慢慢畫出圖畫。


按下ENTER進入網站啦。


剛剛出現在畫面上的小星球,是主角的故鄉。這個網站有點小王子的風格,用滑鼠可以控制人物往左右行走,左邊的紅色按鈕踩上去後發現拐杖糖會一直升長。


只要到了足夠的長度就可以拿到雨傘啦。


原來雨傘是來往各個小星球的交通工具唷,聽起來就是十分的夢幻。


飛起來後依然是使用鍵盤上的方向鍵來控制往哪走,如果都不按就會緩緩的往下飄唷。


騎上剛剛那隻有翅膀的鹿(?)後,他會直接帶你到一個星球上。


如果要你設計一個戒指,你希望它會是什麼樣子的呢?這裡可以輸入你的信箱地址以及你對戒指設計的一些想法,不過我目前還沒收到什麼結果,所以還不知道這個到底可以幹嘛。


下一個星球有一個隱約在發光的書,快進去看看!


也太可愛了!是翻開變立體的那種童話書,但是這是做什麼的呢?


突然從書裡會飄出很多雲朵,仔細一看原來這是留言板,飄來飄去的都是造訪這個網站的人留下來的訊息。


我也來留一個吧!下方有同樣是雲朵形狀的留言面板,寫好內容和你的暱稱後按下Send。


你的留言就會飄出來囉!


故事書右下角有一個太陽和雪花各半的可愛齒輪,只要點一下故事書就會變換風景唷!


飛行在空中時,如果不知道要往哪裡去,頁面右下角有地圖可以點開,就會顯示出各個星球和你現在的位置。


來到了花椰菜星。


原來這裡是戒指展示區,牆上掛著各個主題的圖畫,點一下這個主題的戒指就會從右邊的輸送帶上跑進來,再從左邊的門出去。這裡的每個設計都非常有趣又有創意。


如果不想飛來飛去的話,右下角也有直接選單方便你直接瀏覽各個星球的內容,也可以連上他們的部落格,是超可愛的設計戒指小店。網站做的非常有風格且可愛,讓人留下深刻印象!



WEB Szofita Land

2011年4月16日 星期六

PINK PANTY PERSONALITY BANNER


這是VICTORIA'A SECRET的PINK系列內褲的廣告banner。
女生最愛購物、最愛做心理測驗,
所以它融合了遊戲和商品宣傳成為一個互動式banner。


第一個問題,選出自己最喜歡身體的哪一部份,游標成為放大鏡、可以移動檢視。


女生在妳選擇時還會發出(有點可怕的)笑聲。


再來應該是選擇妳最喜歡一天當中的哪一個時間吧!
或是妳的活動時間?
右邊的橫桿可以拉動,從清晨到深夜都可以選擇,畫面也會隨著橫桿移動而有風景的變化。


接著,如果妳可以有一個願望,妳會選擇世界和平、有用不盡的財富、還是一個愛妳的人?


最後是女生也很愛玩的指甲彩繪遊戲,左下角可以調整指甲的長度。


不明白為什麼只有四指可以塗...總之,任選喜歡的顏色塗上吧!


最後還可以加些小裝飾,完成後點擊右下角的DONE,當然還不滿意的話,也可以CLEAR重新來過。


最後就會出現測驗結果啦!恩...做了很多次,真的有很多不同種的結果唷!蠻有趣的!
就像典型的心理測驗,它會給妳一小段描述妳個性的文字!


做完心理測驗後,可以把結果分享給妳的朋友、讓她們也來玩玩看,
當然也可以重新玩一次,右邊出現維多利亞的秘密品牌名稱,點下去就可以進入他們的官網,買一件真正屬於自己的好看又好穿的內衣褲啦!

結合女生最喜歡的元素做出來的banner,真的能吸引人點進他們的網站一探究竟。由此可見調查市場目標再依其感興趣的事物做宣傳,效果事半功倍!



WEB PINK PANTY PERSONALITY BANNER

2011年4月7日 星期四

Her Past


這是一個教導人們重視性病問題的宣傳banner
日本是少數已開發國家中,愛滋患者持續增加的國家
日本人並不習慣、甚至厭惡去談論性病,但國內其實有許多潛在的帶源者


這個banner是要讓民眾對愛滋有新的認識,
並讓他們了解到愛滋病不再只是其他人的問題,每個人都有可能受到傷害、每個人都有責任去預防和保護自己和其他人。


滑鼠移到頁面上方閃爍的banner就會出現妳的女朋友的標記Girlfriend


可是再往下拉,會發現女朋友後面連著一條線,上面寫著Ex-boyfriend
再繼續拉,後面還跟著Ex-girlfriend,這個Ex-girlfriend往旁邊連出另一條線,是她的Ex-boyfriend


越拉越多,關係越複雜,開始跑出許多奇怪形狀和不同顏色的箭頭分別代表著前男友、前女友們


這時畫面會變成全黑,banner上面的字會轉變成Get tested for HIV.


畫面恢復後,滑鼠仍可以繼續拉,變成這付可怕的景象,這條無止盡的線緊緊連著跟著滑鼠移動而移動,最前端就是一開始的你的Girlfriend,以及你。

這個banner讓我想到以前老師給我們看過的愛滋病宣導圖片,也是運用類似的概念,不過是以照片的方式。這個banner從下方拉出細線的感覺還真的讓我有點不舒服的感覺,讓觀者親自操作、展現性伴侶可能複雜且無法切斷的關係鏈,真的挺震撼的。



WEB Her Past

另一個MINI Banner



這是另一個MINI USA的廣告Banner
右方工人打扮的大叔會請你幫他做今天的障礙賽路線:
把路障隨意擺在網頁頁面上


那就來擺吧!
拖曳大叔腳邊的路障到頁面上任一處然後放開


路障就會掉到"地上"站好


每放一個大叔就會講一句話:做的好!還剩x個路障之類的,
應該是讓這個過程比較不死氣沉沉以及怕我們覺得無聊而跑掉吧!


路障漸漸被移開後會露出後面的網站連結VISIT MINIUSA.COM


等到路障全部放完之後,大叔會丟出自己手上那個路障當起點


然後MINI就衝出來啦!
他會繞過你剛剛擺的所有路障



大叔會講出這句感覺很帥氣的話:Pound for pound,nothing handles like a MINI.
這個遊戲也是應這句話而生,用路障障礙賽來展現他們要主打的MINI優越的操縱性,不管你排放的是多刁難的路線,MINI都能輕鬆完成任務
最後出現訊息欄:LET'S BE ONE OF THE QUICKEST CARS IN THE WORLD.


然後就可以連到他們的官網看看囉!
做的也是不錯呢!

我覺得這種互動banner最棒的地方就是在設計好的大程序下,網頁瀏覽者有可以自己控制和設計的小細節,相較於上一個賽車的banner其實我更喜歡這個唷!



WEB nothing handles like a MINI