以MV播放器做為頁面重點

我們團隊為了這個案子做了8個場景

每一個都有不同的特色

詳細內容可以看這裡

http://medialand.com.tw/blog/article.asp?id=1331

閱讀更多 »

校園視覺設計徵選比賽，以CMYK四色為設計的重點，以黑色突顯顏色 ，點綴台灣的特色景點。

選單展開

點選左側選單內容後，選單會向左邊展開出現內容。

閱讀更多 »

Yamaha Life Style這個網站是溫馨小品
為台灣的Yamaha所製作的季刊型網站，每一期都介紹一些市內的摩特車景點，搭配地圖做圖文並列的導覽。
應客戶要求使用插畫製作，也格外有趣味，包括LOGO／Illustration／Character設計。


活動主題的文字設計。
活動網站內容是推薦有趣或好玩的地方，經由步行或是摩特車可以到的所在，所以畫了車輪胎和鞋子。

吉祥物設計 本期是以咖啡廳為主，吉祥物除了戴安全帽之外，還有一杯咖啡喔。 

店舖插畫，依照不同的真實店舖去畫出插畫版的圖。

以上林林總總都是網站的素材，接下來就來看網站吧！

www.yamaha-motor.com.tw/Lifestyle/cafe/deploy/index.html

像騎機車要前往一個目的地一樣，loading內的機車也會一直往首頁前進。
下方數字是仿造儀表板設計。

說起來簡單做起來難，當時還想了一下要怎麼有往前的感覺哩＠＠

網站首頁

以真實地圖做為範本設計的場景
還有許動態呈現：吉祥物和車子會繞整個圓圈轉來轉去的。

店舖內頁
左方揭露各店資訊，還有google地圖可以另開視窗
照片以拍立得方式顯示， 鈕來切換內容

我很喜歡這個網站，以往沒做過的插畫風格實在很有趣。

看來我還是喜歡這種溫馨有手感的東西吧！

閱讀更多 »

最新上線的案子：艾爾之光++喚醒你沉睡的熱血！
艾爾之光是來自韓國的遊戲，人物繪畫是屬於日本風格，有了這些好素材就是要用他原本的概念來呈現，所以畫面上運用了許多漫畫元素，像是網點、對話框、效果線等區塊來填放資料，但為了不讓框框是單調的，特別用粗細不同的邊框，來做出漫畫效果，這是我第一次嘗試這種風格。
elsword.medialand.com.tw/

[首頁]

繼玄武豪俠傳後又一熱血作!
用了很多漫畫元素，就是艾爾之光的風格啦!
右邊是三個主角loop的動畫，還可以在首頁直接點美少女投票喔!

[最新戰況]

一共有十五位美少女可以投票給他們，每位都是我們努力棚拍的結晶!

[投票給我]

在這裡可以直接投票或是用部落格貼應援加油。

[流程說明]

網站使用流程說明，也是做成漫畫風滴!

[各地戰況]

北中南東那裡會是舉辦見面會的地方呢?羅盤特別做成轉來轉去的。

閱讀更多 »

這是黑松小活動第一個
黑松茶花 解救中廣前輩大作戰!
延續上波活動的視覺方向，解讀"大作戰"三字，所以做成紙戳破的爆炸感。第一次怎麼做，感覺滿新鮮的，只是時間限制不然紙戳破用自己拍的照片做的話應該會更契合，簡簡單單的小動畫其實也滿好的，有點low-tech的感覺。(奇怪這不是和風嗎?怎麼混到low-tech了...)
標題用自己寫的字，而且還寫錯了!(噓...)
活動網址：taro-sp.medialand.com.tw/

閱讀更多 »

最近沒有做什麼特別的事，攤開日誌本只寫了許多工作內容，現在工作告一段落，終於有時間把他們PO上來了，工作內容有大有小，先介紹2個小的黑松活動，時間都滿緊的，大約一天至二天要把layout做出來，那段時間我都會很緊張。(做layout很令我緊張...，就不好有可能被退，就算過了也要面對醜layout個幾天，滿不舒服的。)

黑松2010贈獎活動
運用活動的LOGO再加上金元寶的元素，創造出全城市都有金喜的視覺。也做了個有很多錢錢掉下來的flash
gift-heysong.medialand.com.tw/

閱讀更多 »

玄武豪俠傳是遊戲橘子代理的線上遊戲的活動網站，這次執行的內容為活動網站和媒體素材。
這是我第一次製作遊戲網站，中國風也是很少接觸的類型，不過相當有趣。

閱讀更多 »

這是我加入Absolut團隊的第一個作品，
很久沒做這種風格了，所以我很開心，
雖然這只是個小活動，時程也很趕，
當初只有二三天設計，
還是在裡面加入了些不同於以往的作法，
主要是延續了Absolut Rock風格及素材，再加上些校園元素。
加上3D及flash優化，讓網站生色不少，
設計的活動CI還有用到實體活動上，印成背板的感覺真是很好。
做網站做久了，看到印成成品有開心。
www.absolut-rock.com.tw/school.aspx 

 內頁是按那幾條Bar展開的內容，從來沒做過這樣的選單，感覺很新鮮!

閱讀更多 »

請送我去魁北克！
Airwaves嗜涼魔粒席捲全台

準備了很長一段時間，
參考了許多的網站：
牛乳に相談だ。

隙間広告社　SKIMA

Crash the super bowl

Hotel626

star trek

Y-3

再加上許多調整，
完成了這個奧妙的案子。
（我最愛hotel626了！）

閱讀更多 »

大公主在部落格如此寫到＂情比金堅的心機姐妹團隊＂
...感人
http://mq.shiseido.com.tw/
這個案子執行的時間不算長
但是可以感受到客戶的期待
我還看到蛯原本人（很近）
後來就重新發想片頭
個人覺得氣勢還不夠
尤其是看了日本的網站之後...


http://www.shiseido.co.jp/mq/
他們有一個很完整的TV頻道概念
所以我就想把他做成比較有雜誌的感覺
（其實我心中很想做影片全螢幕的呀）
不過我覺得除此之外似乎是不太夠
希望下次會更好
並且謝謝各位姐妹！

閱讀更多 »

做了一個月多的案子終於上線了~
中間還有插單心機發表會
不過都大家合力地完成了

感謝奶伯、大公主、凱西等等
http://anessa.shiseido.com.tw/
素材真是無敵美的
許多人都羨慕我每天對著美女工作
(大多為男性 哈)
並且還有一起做友里的部落格
http://www.wretch.cc/blog/YuriEbihara

閱讀更多 »

針對六月上市的睫毛膏所做的心機發表會
這次的重點是360度的睫毛絕景
所以也以 360度旋轉這點來切入呈現產品的特點
http://mq.shiseido.com.tw/

日本的電視廣告是以大特寫睫毛膏刷毛以及超猛大眼來突顯
(說超猛也不誇張)
雖然會驚豔但是也會被嚇到

而日本的網站版本則是採用後面一塊睫毛膏蓋子的幾何圖形做為背景
以視角旋轉動作做為轉場
我覺得這樣的作法也滿大膽有力且突破的
不是只有美美的呈現照片而巳
http://www.shiseido.co.jp/mq/index.htm

閱讀更多 »