tag

10幾年的網路生涯,從少年到結婚生子,對網路的熱誠倒是一直沒有變過!

從復興商工開始接觸設計,而後越學越多的多媒體、影片剪接、3D動畫,對網頁應用的層次加分了不少。由HTML到flash再到jQuery,以及接觸open source的xoops跟wordpress、Facebook app,伴隨行動網頁及app的普及,心情只有更加的興奮,樂於見到未來更多不可知的發展。

在十多年的職涯生活中,待過建築業、網路廣告公司、遊戲公司,而一路以來會將網路做為重心,一方面是自己的興趣,一方面互動性溝通已是品牌經營不可或缺的一部分!在與MOS摩斯漢堡配合的數年間,協助他們做會員以及社群的經營,充分的落實與消費者的互動溝通。而在遊戲橘子的品牌中心,由於品牌溝通形式趨於多元化,從策展到行銷策略、對內溝通,有了更多的互動性應用。

在國外人機介面互動思考已蔚為潮流,網路人機介面幫助品牌做更有效的經營,期待能利用現有的經驗,及不斷的學習新知,帶領團隊做出更多令人振奮的作品來。

  • image01 遊戲橘子15週年
    內部網路活動
    image01

    playwork遊戲橘子15週年內部網路活動2011 / flash活動網站

    以橘子人為核心,15位橘子人訴說他們在遊戲橘子的故事。再由全體橘子員工共同用照片跟文字替橘子寫歷史,為期數個月的網路+實體展覽活動。

  • image01 遊戲橘子品牌商品
    品牌商品網站
    image01

    gamania originals遊戲橘子品牌商品線上預購2010-2012 / HTML+CSS+jQuery

    由品牌中心為橘子量身打造的橘子商品,傳達邊工作邊玩的play+work精神,採限量預購方式,只有遊戲橘子內部員工方可購買的的預購平台。

  • image04 遊戲橘子SPACE17
    內部展覽空間官網
    image04

    SPACE 17遊戲橘子內部展覽空間官網2010-2012 / HTML+CSS+jQuery

    主要集結所有遊戲橘子SPACE 17展覽空間各檔展覽之資料,及最新展覽訊息。

  • image01 brand Merchandise
    產品網站
    image01

    gamania brand Merchandise產品網站

    遊戲橘子內部產品網站,該專案後來暫停,演變為gamania originals及density兩專案。

  • image01 遊戲橘子GVOICE
    內部刊物網頁
    image01

    GVOICE遊戲橘子內部刊物網頁2011 / HTML+CSS

    為遊戲橘子內部刊物GVOICE製作之網頁,以報紙為主架構,依每期內容設計不同風格之版面。

  • image01 MOS摩斯漢堡
    官方網站建置&維護
    image01

    MOS摩斯漢堡官方網站建置&維護2007-2010 / HTML+CSS+Flash

    MOS摩斯漢堡官方網站之建置維護,為期4年多的維護,包含官網更新、活動頁面製作、facebook內容頁製作、手機coupon券下載頁...等多項內容企劃製作。

  • image02 Between Us
    個人婚紗網站
    image02

    Between Us
    在我們之間沒有距離2008 / flash

    2008年結婚時建置的網站,主要功用為方便朋友們看我們的婚紗照,並還有提供線上下載喜帖,以及線上留言等功能。

  • image03 五月天閃電退出歌壇
    網路活動
    image03

    三商美邦人壽
    網路活動前導Teaser2008 / flash

    三商美邦人壽與五月天合作的網路前導活動,以聳動標題【五月天閃電退出歌壇】吸引使用者目光,而後續活動則是五月天加入三商美邦的系列廣告。

  • image04 三商美邦人壽
    網路活動
    image04

    三商美邦人壽
    網路活動【三五好友 逗陣出頭天】2008 / flash

    三商美邦人壽與五月天合作的網路活動,利用五月天號召力邀請網友們來參加活動,活動內容為讓網友自由開團,替數支影片加上字幕、圖片分享故事。

  • image05 桂冠沙拉
    網路活動
    image05

    桂冠沙拉
    網路活動【早餐美勞課】2008 / flash

    桂冠沙拉舉辦的網路活動,早餐美勞課讓網友用食材當元素自由創作,做好的內容還可當成blog貼紙,另外還有可線上列印出來的摺紙食譜。

  • image06 Air Asia
    網路活動
    image06

    Air Asia
    網路活動2009 / flash

    Air Asia網路知識庫活動,內容為知識庫挑戰問答及分享活動...等。

  • image07 白花油
    網路活動
    image07

    白花油
    網路活動2009 / flash

    白花油網路活動,白花油83週年,替白花油車繽紛上色。

  • image08 AVON雅芳
    動態產品頁
    image08

    AVON雅芳
    動態產品頁2009 / flash

    AVON雅芳官網中的動態產品頁面,頁面共分為臉妝、眼妝、唇妝三大部分,主要目的在以簡單詳細的動態讓消費者了解產品。

  • image09 tube
    活動網頁
    image09

    tube活動網頁
    型男七日保養大體驗2009 / html+flash

    tube男性保養品產品活動頁,內容有詳細的產品介紹及名人分享。

  • image09 遊戲橘子GVOICE
    內部刊物ipad版
    mobile01

    GVOICE ipad
    遊戲橘子內部刊物2010-2012 / html+CSS+jQuery

    web app版本的遊戲橘子內部刊物,分為刊物、音樂、影片三個部分,刊物部分每期封面切換後,可進入閱讀介面,閱讀介面並支援ipad的直橫切換。

  • mobile02 遊戲橘子GVOICE
    內部刊物手機版
    mobile02

    GVOICE手機板網頁
    遊戲橘子內部刊物2010-2012 / html+CSS+jQuery

    web app版本的遊戲橘子內部刊物,刊物部分每期封面切換後,可進入列表頁面,最後進入閱讀介面,整體頁面皆配合手機版面設計製作。

  • mobile03 gamania x Akinori
    手機版網頁
    mobile03

    gamania x Akinori
    gamania originals手機版網頁2011 / html+CSS+jQuery

    gamania originals與日本設計師Akinori Oishi配合設計限量版護照夾,該手機網頁為因應展示商品區需求,為了讓消費者了解產品而生。

  • mobile04 MOS摩斯漢堡誕生日
    facebook活動網頁
    mobile04

    MOS摩斯漢堡誕生日
    facebook活動網頁2009 / FBML+CSS+php

    為MOS摩斯漢堡針對MOS誕生日所設計的facebook活動網頁,活動內容為與MOS相關的問答題,

  • mobile05 MOV電影心理測驗
    facebook web app
    mobile04

    MOV電影心理測驗
    facebook web app2010 / FBML+CSS+php

    電影心理測驗facebook web app,使用者可透過該app測驗出自己最像該電影中的哪一個角色。

  • banner01 百齡罈 Ballantine
    聲援中華隊 banner
  • banner02 BMW歷久彌堅
    banner
  • banner03 好奇寶寶Huggies
    banner
  • banner04 SK-II
    banner
  • banner05 青文出版社
    banner