08－ aqua － 溫馨插畫風的多媒體設計公司

aqua是一個日本的多媒體設計公司，他們的工作內容包括網頁設計、互動遊戲製作、APP程式設計、動畫設計等，而他們的官網一開始即是一個可愛又溫馨的插畫風格構成的畫面，雖然其中並沒有埋藏什麼按鈕或是選單，但是獨特且溫暖的畫風會讓觀者不自覺的看下去，而且這支簡單的動畫，頭尾巧妙的頭尾呼應，讓人感覺到，他們在腳本上也下過一番心思。

雖然aqua的分頁只有簡單的六頁，但是卻讓人有輕鬆無負擔的閱讀舒適感，在瀏覽網頁時，也不容易迷路，讓人不自覺的想多停留一會！

aqua乾淨簡潔的配色，讓人看了心情愉悅，而他們能將手繪質感的插畫，運用flash串連成簡單流暢的小動畫，可謂說是用電腦軟體將手繪插畫風融合在網頁中，卻不會突兀的優良典範！

aqua

07－Mossamessa － 簡單大方的音樂人網站

這是一個非常簡潔有力的音樂網站，簡單又大器的版型，配上每個分頁簡單卻很有質感的過場效果，讓人對這個網頁意外的印象深刻。

首頁的選單與背景舞動的音符，搭配中西融合風格的背景音樂，讓觀者一進入這個網站馬上就能聯想到，這是個跟音樂有關的網站。

而每個分頁極簡的資訊呈現，讓觀者能專注於網頁中所要傳達的資訊。

這個音樂團隊，欲招募志同道合的成員，並一起完成一些獨立製作的音樂，或一些實驗性的音樂ｍｖ等，目的非常單純明瞭，用這種簡單而大氣的版型，反而更能讓人注意到他們最原始的初衷，並對MossaMessa留下深刻的印象。

MossaMessa

06－Big John － 超可愛的牛仔褲學院網！

BIG JOHN，成立於 1940年，發展、製造和銷售牛仔褲、休閒服及相關產品，是一個至今已70年的老品牌。

而今天要介紹的網頁是一個專門提供牛仔褲相關知識與保養技巧的網站，也就是牛仔褲學院。

這個網頁隸屬於BIG JOHN，是一個提供技術及知識的分站，另類的行銷手法讓觀者親身體驗、提問、分享經驗，更能貼近消費者個心並產生認同感，也成功的將70年的老品牌年輕化。

以學校的形式命名的次首頁名稱、首頁的地圖式場景，讓觀者想仔細的探索其佈局，加上有趣的插畫及flash動態，讓整個網頁顯得非常豐富、活潑。

↑一開始是令人眼花撩亂的地圖式場景，用對比色藍與黃搭配出獨特的搶眼風格。

↑點入按鈕後，進入的分頁雖維持繽紛的場景特色，但卻亂中有序的整理出了一個基本架構，畢竟需要呈現的資訊篇多，場景式的架構較難以條理清晰的呈現資訊。雖是有一個基本的架構，但其中的解說插圖，仍會呼應整個網頁的風格。

◎整個網站的色系運用紅、藍、黃、綠等顏色，以高對比的方式搭配呈現，搭配牛仔學院的主題，不僅讓消費者更了解開如何保養與選購牛仔褲，也成功的讓BIG JOHN抓住了年輕族群的心。

Big John

05－大阪美術專門學校 － 不一樣的官方網站

這間大阪美術專門學校的網頁非常有趣，用全班老師、同學的照片，結合可愛的插畫及色塊，發揮他們所長，形成一個非常細緻且風格獨特特殊的網頁。

其實這個網頁的次首頁主要分為四頁，分別是：學校周邊景點、專業用具問答與介紹、活動介紹、占卜等，看似簡單的分頁，裡面卻又設計了許多不同的巧思，讓瀏覽整個網站的過程中充滿驚喜。用盡各種活潑的方式介紹他們的學校與系所，也與一般學校官方網站的制式化完全不同，讓人對這間學校留下年輕活潑的印象。



首頁會有許多同學與其他小配件們不斷往下掉落，點擊每個同學還能看見他們的基本資料與未來夢想等，而每個次首頁也巧妙的安排在掉落的物件中。
但是這種方式對只想瀏覽資訊的人來說有些難以操作，所以在網頁最右邊也貼心的放了簡單清楚的menu。
而各個分頁有趣的呈現方式如：問與答、占卜、是非選擇題等，都有效的讓觀者與這個網頁生了互動，並對這個學校印象深刻！

大阪美術專門學校

04－chupachups － 繽紛無敵！色彩繽紛的棒棒糖魔力

          

來自西班牙的Chupa Chups，可謂棒棒糖的開山鼻祖，也是大家童年的回憶。

Enric Bernat的祖父Josep Bernat是西班牙製造糖果的第一人。當時Bernat先生發現西班牙吃糖果最大的問題是糖太大了，無法在短時間內吃完，所以Bernat先生靈機一動，想到為何不加上根棒子呢？方便又有趣。因而，在1958年，Chupa Chups被生產出來了，因為酷炫長相和人見人愛的味道，很快就成為西班頂頂有名的零食。 

特別的是，Bernat先生為了讓Chupa Chups更具藝術氣質和國際品位，請了聞名全球的超現實主義畫家達利(Salvador Dali) 先生設計商標，因此才有現在如雛菊般的容顏的Logo。 

由於Chupa Chups的口味眾多，且色彩繽紛，因此他的網站也呼應了他們繽紛童趣的品牌形象，運用flash做了許多過場效果，每個分頁間差異極大的色彩，也讓觀者切換分頁的同時，感受獨特的視覺衝擊。

而這個網頁的切割方法也非常特別，logo及按鈕們大剌剌的分佈在畫面幾乎二分之一的位置，把整個網頁大膽的切成一半，只運用上方的空間做分頁內容的呈現，打破一般網頁的格局，讓觀者的視覺焦點不自覺的集中在他們的logo上。

雖然整個網頁的色彩非常繽紛，但在繽紛的場景中，又巧妙的用了一些固定的色系來增加畫面的和諧感，讓整個網頁不會顯得雜亂，是一個將顏色玩的淋漓盡致的網頁！

Chupa Chups

03－PLEASURE HUNT Magnum － 超有創意的巧克力行銷

   馬格南(Magnum) 是一個冰淇淋的品牌，始於1987年，巧克力為他們的經典口味，包括：黑巧克力、白巧克力、鬆露、杏仁巧克力、巧克力卡布奇諾等口味，而他們也總是為冰棒命了許多有趣的名稱，如：誘惑（Temptation）、冠軍（Winner）、慾望範圍（Desire Range）、七宗罪 （色，懶惰，貪婪，暴食，嫉妒，憤怒，虛榮）Seven deadly sins (Lust, Sloth, Greed, Gluttony, Envy, Wrath, Vanity)等，在各國也推出許多不同的特色口味，是一個很有特色的冰淇淋品牌。

────────────────────────────────────────────────────────────

而今天要介紹的網頁，是一個全flash的互動遊戲網頁，主要的任務非常簡單，只要操控鍵盤讓女主角一路隨著巧克力的蹤跡過關斬將，最後就能到達終點。遊戲的長度設計的剛剛好，不會讓觀者玩到不耐煩，而每個關卡的場景，非常巧妙的搭配其他市面上的品牌，以置入性行銷的方式連結在一起，不但不會讓關者產生反感，又能結合各品牌的特色，是一種非常創新又有趣的行銷手法。現在就讓我們一起來體驗這個有趣的互動遊戲網頁吧！

↑loading頁面玩以後會出現幾個簡單的教學畫面，讓觀者迅速熟悉如何操作這個小遊戲

↑這個遊戲的主要任務就是操作畫面中的女主角，然後盡可能的蒐集出現在畫面中的巧克力

↑女主角換到下一個場景的方式是跳入手機螢幕中，螢幕中的男子還會跟女主角互動，過場效果也設計的很用心

↑這是其中一個場景，女主角進入飯店，卻能接連走過好幾個場景框框，甚至與電梯先生互動，這種虛虛實實的設計讓觀者感到非常有趣，會好奇的想一直看下去！

↑女主角也會做一些有趣的動作與所處場景的品牌做連結！

↑畫面中女主角如果走過動物的框框上面，動物會有不同的反應

↑飾品品牌的場景中，女主角可以攀著飾品的鏈子前進，非常有趣！

↑讓女主角走在每個對話框上，對話框還會產生不穩的擺盪，可以看小細節也設計的很細膩！

↑這款瑞典設計的URBANEARS Plattan 耳罩式耳機，極致簡約卻又饒富童心的新穎設計，而且還有超多顏色可選，讓人對這個品牌好感度大升！

↑casall也是來自瑞典的一個休閒運動服飾品牌，運用了科技，自然，簡約三大元素完美詮釋北歐專屬的時尚運動風格。讓現代人運動時可以兼具機能性與時尚品味！

↑當到的最後的破關畫面時，咖啡色配上閃耀的金色的光芒，把觀者拉回Magnum這個品牌要告訴消費者個訊息：我們的巧克力是最棒的！

↑最後會告訴觀者，搜集到的巧克力換算成的分數，及破關用了多久時間，並有小按鈕讓觀者分享遊戲到Facebook、Twitter。

─────────────────────────────────────────

結論：這個遊戲的配音、動作與效果都設計的非常流暢且細緻，而每個場景也都設計的非常有趣，各有各的付動方式，並且用巧克力簡單易懂的引導觀者遊戲路線，不但不會讓觀者迷失在場景迷宮裡，還能在動線中巧妙的安排短片與簡單劇情。
這個網頁遊戲還成功的串連了許多不同的品牌，是一個讓廠商本身、其他品牌廠商與消費者三贏的成功創意行銷！

 Magnum

02－Kamikaze Karaage － 日式脆皮雞肉料理餐廳

Kamikaze Karaage的網頁非常的簡潔，品牌形象統一走紅線條配白色塊風格，傳達創意ｘ美味的品牌形象。logo用的是一隻可愛的小雞，用簡單的幾何造型構成，同時也是他們的吉祥物，真是既可愛又商機無限！他們將這隻小雞做成桌布、小遊戲、印在餐墊上等，將來如果發展成系列周邊商品，不但能擴大品牌知名度，更能帶來龐大的周邊效益。

↑這隻雞可以用鍵盤操控，讓雞飛向你想進入的次首頁，雞會在撞到物件的同時化成小泡泡，跟物件一起消失並進入次首頁，可能是呼應他們的品牌精神：我們的雞已經做了最大犧牲！
當然，直接用滑鼠點選畫面中的''＋號''也能夠輕鬆的進入次首頁。

↑第一個次首頁，介紹這家餐廳的特色及品牌精神，有趣的是，他們的介紹末端寫道：

Our chickens

have made the ultimate sacrifice.
Don't let them go to waste,
eat up!

我們的雞已經做了最大的犧牲，

為了不要讓他們白白犧牲

盡情的吃了他吧！

真是讓人會心一笑的幽默陳述！

↑第二個次首頁是菜單，用簡單的文字清楚呈現其菜色及價格。

↑不過最讓人感到貼心的是，畢竟餐廳最重要的還是讓然看見美味佳餚的照片，但要怎麼放才能不破壞整體感，卻又讓人一目了然呢？他們用了將滑鼠滑入，照片才出現的方式，只要滑鼠移到名稱上，照片就會自動出現，真是個非常細心的設計！

↑菜單的右邊有一個"如何點餐"的按鈕，點入會出現點餐示意圖，這樣的設計讓人快速又清楚的了解他們的點餐規則。

↑這是料理的實體照，餐墊也印上了可愛的logo，整體看起來非常清爽可口！

↑次首頁三，是店家的地圖。

↑次首頁四，裝飾的很可愛的聯絡我們。

↑次首頁五，很特別的是，他附上了可愛的桌布跟小小遊戲！

遊戲的玩法是，將畫面中的書籤直接拖移到你的瀏覽器書籤列，如下圖，然後隨意開啟任何一個網頁，按一下書籤列上的''kamikaze!''，小雞就會出現，（按很多下就會出現很多隻）只要使用鍵盤控制，他就會衝撞網頁上的物件，然後與該物件同歸於盡．．．

↑原本的google頁面

↑被小雞毀滅後的google頁面



最後附上網站提供的桌布，都是用他們的logo排列組合而成，每張都很可愛呢！

 ps:index中的小時鐘也是真的按實際時間運轉的呢！

結論：

這個網頁雖然看似簡單，但卻但蘊藏了許多小細節讓人細細玩味，且index巧妙的安排成廚房的樣子，再把按鈕融入其中的場景式作法，引起觀者點閱的好奇心，也成功達到目的。
而為了不破壞整個網站的風格，也用了很多細膩的手法把不同的素材整合呈現，是非常細緻可愛的一個網站！

kamikazekaraage

01－maikoco的鬼屋世界－The Spookies

日本人有種能力，那就是總能把所有東西創造出屬於他們的風格，尤為擅長將嚴肅、恐怖的東西用插畫或漫畫的方式，將其可愛化。而Spookies，正是將鬼屋、鬼魂、女巫、吸血鬼、殭屍等角色二次創作，賦與完全不同形象的範例。

Spookies是插畫家maikoco的個人網站，他在Pixiv、twitter等網路社群發表自創角色及彩色小短漫，慢慢累積人氣及知名度，甚至出了許多周邊商品。其網站所有的元素皆經過精心設計與搭配，內容包含其商品的購物區、作品展示、blog、角色介紹、桌布下載、聯絡我們等。

而故事主角主要是巫婆露西與木乃伊雙胞胎，其中出場的人物還有殭屍還有吸血鬼男孩。聽起來很可怕，但日本人就是有辦法將這些題材發展為可愛又有個人風格的角色。

網頁畫面不時的出現雜訊，奇詭色調的插畫，線條雖簡單，但卻線營造出一種風格強烈的神祕氛圍。全站大量使用flash，並將按鈕及連結藏在情境畫面中，讓網頁充滿故事性，並發揮其筆下角色的精神及風格，讓觀者能馬上進入他的世界。

等待畫面使用蝙蝠作為元素，在網站中也時常出現蝙蝠突然飛過或老鼠突然冒出來的畫面，營造一種不安定的詭異感，但卻不會令人感到可怕。

一開始會先看到一扇門，並不時發出各種怪聲音，神祕又奇詭的吸引觀者的注意力。

進入top，有三個主要角色會出現在畫面中，點選他們就會分別出現充滿個性的自我介紹，充分表現角色性格及形象。

     在畫廊中，有許多在pixiv發表的小短漫及插圖，用統一且有故事性的方式設計整體視覺效果。

這是網站的販售區，由於販售物品較少，且統一為其角色之周邊，因此版面大量使用素材，不像一般網路商店，較為整齊且沒有變化。

他的blog也一樣維持一貫的色調及風格。

   角色介紹的頁面。

     日本非常普及的手機上網，使的網頁都要有一個手機版本供人瀏覽。

    留言版，聯絡我們。

spookies