showreel

  • 3D Animation
  • video
  • website
  • app
  • 網頁設計

    • UI 設計
    • 網頁視覺設計
    • HTML5動態網頁設計
  • 程式設計

    • 程式開發
    • 後台程式設計
    • 網站程式維護
  • 媒體設計

    • CF 影片製作
    • 企業形象影片
    • 互動媒體製作
    • MV 製作
  • 移動裝置APP設計

    • iOS, Android, Windows Phone APP製作

Service

about chun-mu

春沐國際創立於2009年,我們致力於追求視覺設計與創新技術的結合,從HTML5網頁設計到影片製作,乃至移動裝置APP製作,我們對於作品的熱情來自於客戶的信任與託付。

過去數年春沐不斷以優異的作品獲得許多國內外客戶的肯定,我們服務的客戶從人文產業到科技產業,例如SONY、西門子、摩托羅拉、可口可樂、奧盛銀行等等。

春沐國際團隊堅持量身打造,呈現獨一無二的設計。無論面對客戶及夥伴,秉持『溝通』、『效率』、『品質』、『服務』等處事精神做為我們的最高原則。

有任何問題請聯絡我們以取得更進一步的資訊。

contact us

CHUN-MU MEDIATEK

5F., No.200, Sec. 6, Zhongshan N. Rd., Shilin Dist.,
Taipei City 111, Taiwan
service@chun-mu.com
www.chun-mu.com
TEL:02-28327868
FAX:02-28327313

春沐國際有限公司

台北市士林中山北路六段200號5樓
TEL:02-28327868
FAX:02-28327313
MAIL:service@chun-mu.com
www.chun-mu.com

clients

©2014 Chun-Mu Mediatek All Rights Reserved
MVVFX

Chothnic - Defenders of Bú-Tik Palace

  • Smoke Simulate
  • 3D
  • Charactor Acting
  • Modeling

春沐國際參與閃靈樂團MV - Defender of Bu-Tik Palace 的所有3D片段。 在與導演討論過後,MV需要呈現如假似真的武德殿,以及身處混沌中的正源之片斷。我們以台南武德殿為基礎發展出更為巨大且虛幻之武德殿3D場景,並以演出正源的演員為對象,以3D實作出更為詭異的形象。

武德殿之3D外觀,與最後加上雲霧之渲染成品。

以漂浮感動態,並加上流體煙模擬,呈現正源身處混沌之中

top
IOS APP

Chthonic - Rhythm Crusher

  • Concept
  • 3D
  • Graphic Design
  • Object-C

CHTHONIC-Rhythm Crusher 是由春沐國際與閃靈樂團共同一起合力製作的節奏遊戲,遊戲視覺保有了閃靈樂團衝擊的視覺風格,至於節奏遊戲最重要的音樂部份收錄了閃靈樂團所創作的12首經典歌曲,且每首歌曲有四種不同的玩法,以及增加目前市面上節奏遊戲所沒有的對戰系統干擾機制,讓玩家更能體會節奏遊戲的暢快感覺。


How to Play

隨著音樂節奏,畫面中的鐵鍊會上下掃動,掃過時按下節奏點,時間點越準確得到的評價與分數越高。
評價分為:Perfect、Good、Bad、Miss四個等級。連續得到Good以上評價,則會累積COMBO值。

Multiplay / V.S. Mode

打破手機節奏遊戲只能單人遊玩,
Rhythm Crusher不但可以近端使用藍芽連線對戰,
也可以透過Wifi在iOS的Game Center中尋找好友甚至陌生同好,
進行合作遊玩或是刺激的連線對戰。

top
IOS APP

臺北歷史地圖

  • Object-C
  • Graphic Design

春沐國際與中研院合作開發iOS APP 臺北歷史地圖-遇見,老臺北。中研院提供1895年至1961年間發行的古地圖,結合Google Map, 以及移動裝置的定位系統,操作上使用圖層顯示,可自訂透明度,搭配景點歷史照片,讓使用者可以輕鬆了解自己所在位置,在過去是什麼區域,以及什麼樣的景象,穿越古今,看見臺北時代變遷。

臺北及大稻埕 ‧ 艋舺略圖

1895\臺灣總督府製圖部
大部分維持清末日治初期的臺北三市街原貌

臺北市職業別明細圖

1828\東京交通社
註記日治中期政府機關、公司行號分佈

最近實測臺北全圖附圖山附近

1803\臺灣日日新報社
日治初期市區改正前,臺北城內外區域逐漸開發

臺北市地圖

1930\臺灣日日新報社
註記日治中期政府機關與町目門牌號碼

臺北市街圖

1914\新高堂書店
日治初期市區改正後,臺北城內的街道格局大致奠基

臺北市街道詳圖

1952\聯合勤務總司令部測量處
註記國府遷臺前期街道門牌號碼

top
Corpporate Film

EDSLAB - WiDGET

  • Art Concept
  • Motion Design
  • Modeling

春沐國際為EDSLAB所製作的產品影片,依照WiDGET的產品特性 - 無論身處何地皆可輕鬆分享無線網路資源並具有Power Bank功能,設計以紙屋形式表現使用者所在的場合,以這種兼具質感與趣味性的表現方式,取代高成本的實拍或寫實3D場景,搭配流暢的場景轉換動畫,以及擬人化的產品動態設計,為客戶製作出符合預算又兼具品質的產品影片。

top
Ident Video

Powercolor - Ident Video

  • Art Concept
  • Motion Design
  • 3D

憾訊科技Powercolor委託春沐國際製作的Ident Video,需在短短15秒內傳達企業形象並吸引目光。
我們提出以局部金屬物體特寫為開頭,過程中光束逐漸填滿金屬溝槽,最後以衝擊性的收尾帶出憾訊科技的企業Logo,
象徵憾訊科技為電腦玩家們帶來優越品質與強悍性能兼具的產品。

top
Corporate Film

Axiomtek - Corporate Film 2013

  • 3D
  • Animation
  • Modeling

自2009年起春沐國際便開始為艾訊科技服務, 2013年度企業簡介影片中,使用全3D製作,貫串全片以各類應用環境為主軸,穿插產品的3D Model,無死角地呈現產品細節功能,詳細解說艾訊科技產品在各種應用上,皆具備完善的解決方案。

top
Products Film

Siemens - Aptio

  • 3D
  • Animation
  • Modeling

春沐國際為西門子製作”Aptio™ 自動化解決方案”簡介影片,以實地拍攝為主軸,目的是為了讓觀眾實際了解產品運作情況,但為補足因實際檢驗流水線龐大,無法用拍攝完整捕捉,而以3D動畫呈現流水線全景,以實景搭配3D動畫交互的敘事方式,從流程到細節,清楚呈現西門子Aptio自動化解決方案的產品優勢。

Shooting & 3D Animation

以HD 格式拍攝,完整呈現機台細節,真實了解機台各部位運作的實際情況;搭配以實地取材與實際施工藍圖為藍本,製作的3D Model與動畫,完整呈現西門子Aptio自動化解決方案的在於提升工作效率的絕佳優勢。

top
CIS

t-bricks CIS

  • Concetp
  • Applications
  • Design

命名為Bricks(­積木),代表客戶產品的變化性、多元組合性。在視覺設計上也有明確的形象可延伸,型塑年輕/ 活力/ 專業/ 科技/ 智慧的企業形象,與專業創新、不斷近步&擴充產品版圖的品牌識別。

識別標誌與企業標語基本組合

規範共計兩種組合形式,請依照規定設計執行,所制定文字起始位置、字形、間距及字及比例。
團隊英文全名基線為主要標的,再向下則為團隊英文全名基線位置,團隊英文全名自”t”字元起向右內縮,分別為企業標語左右字元起始點。

標誌色彩使用

底色是白色時,使用標準色。

底色是白色時,標誌單色可使用單一標準色或單一輔助色。圖形標誌中最外圍陰影與四個圓點則與底色相同。圖形標誌中四個圓點外之陰影則設為所使用之單一標準色或單一輔助色。

底色是黑色時,t.bricks部分可反白,但其它部份必須使用原本色彩的對比及標誌的清晰度。

底色是黑色時,標誌單色可反白。圖形標誌中最外圍陰影與四個圓點外之陰影則與底色相同。

底色是淺色時,標誌可使用標準色或輔助色,呈現視覺需注意色彩的對比及標誌的清晰度。

底色是深色時,t.bricks部分可反白標誌可使用標準色或輔助色,呈現視覺需注意色彩的對比及標誌的清晰度。

top
CIS

blendin CIS

  • Concetp
  • Design

CIS設計以品牌名稱的字面變化為主題發想,以簡單的線條, 表達出簡潔有力的 logo,在圖形設計方面想以“圓”做一個主題,品牌的含義為透過吸收各方資訊及文化衝擊,所設計出的更有人性化的產品.

基本系統設計之設計理念

Blendin 原始字義為 Blend in = 融合在一體, 將英文字母”b”的基本圖形,搭配blendin右側的”i”,運用線的概念把”b”與”i”偽裝在其中,也就是說很自然的融合在一個群體或是生活中,象徵融合之意。

本組合僅兩種組合形式,所制定文字起始位置、字形、間距及字及比例。

標誌色彩使用

底色是白色時,使用標準Logo。

底色是白色時,標誌單色可使用單一標準色或單一輔助色。

底色是黑色時,標誌單色可反白。

top
CIS

HERDERMA CIS

  • Concetp
  • Applications
  • Design

春沐國際為禾妍禎規劃CIS及一系列產品包裝,禾妍禎的產品主要是以漢方精心調配的保養品及養身食品;以此為出發點,在視覺設計上以中國風的窗櫺元素,搭配產品主配方的細緻花草圖樣做為各產品的識別標示,使禾妍禎的企業形象與產品特性得以完整表達。

標誌色彩使用

外包裝以白底黑字為主色調,搭配產品代表的圖樣,強調極簡精緻的產品形象,以及具現代感的中國風味,帶出產品的透過新科技研製漢方,溫和自然的純淨感受。
打開包裝,瓶身以金色/紅色配色為基調,營造產品的尊榮氣息。

top
Web Design

Taiwan Acdemy

  • Art Concept
  • Motion Design
  • Flash
  • HTML

配合駐紐約台北經濟文化辦事處成立台灣書院,文建會與中研院委託春沐國際製作台灣書院官方網站,首頁映入眼簾的是開場Flash動畫,以及大面積台灣形象Banner,內容部分則透過「臺灣研究及漢學研究」、「臺灣多元文化體驗」、「華語文教學服務」三大面向、與國際社會進行交流,以明瞭易懂的版面設計,讓更多對台灣文化有興趣的朋友快速尋得所需的資訊。

Index Page

首頁部分除了以四大單元的形象Banner快速連結,清楚的資訊,如最新消息、書院據點等板塊,讓第一次使用台灣書院網站的使用者,也能馬上得到有關台灣文化的最新資訊。

Content Page

內頁分類部分以大圖示設計,讓使用者在清楚簡明的版型中能夠逐步找到所需內容,不至於在大量資訊中,因過於複雜的版型產生使用上的困擾。

top
Web Design

Harwana Coffee

  • Art Concept
  • System Programing
  • CSS
  • HTML

哈瓦那咖啡官方網站是一個從前端設計,到後台製作皆由春沐國際完成的全面整合方案,整體視覺設計方面以清爽的亮色為主,點綴哈瓦納咖啡的標準色,讓整體視覺呈現清新明亮的感受,首頁的版型配置,讓最重要的訊息能夠在訪客一目了然;所有的版塊資訊,皆能透過操作方便的後台資料庫進行更新,讓業主能夠隨時更新最新的資訊。

Content Page

內頁資訊可透過後台隨時新增新的資訊,以及頁面分項,業主可隨時增減產品項目,以及產品系列,無須透過複雜的流程,以最少人力即可維護,讓企業最新的產品或資訊可以即時傳達給訪客。

top
Proposal for Web Design

CURIO BOUTIQUE

  • Art Concept
  • System Programing
  • CSS
  • HTML

居禮名店專營代理各式歐洲品牌精品,包含餐具、擺飾品、花瓶、首飾等。居禮名店提出希望能結合高價位單品,與平價商品的綜合網路購物平台,但還是能夠傳達居禮名店整體的精品形象,因此在形象首頁的設計上,我們雖然以分割形式來區分兩種不同取向的入口,但是視覺還是維持精緻典雅的整體形象。

典藏商品

高單價商品頁面以典雅的配色與開放性版型,以商品為主體清楚呈現藝術品的細節與魅力,烘托居禮名店的商品屬性 -- 兼具藝術氣息與高品質。

典雅商品

平價商品頁面,則強調功能性、瀏覽方便性,讓使用者能夠快速了解代理品牌,以及品牌商品;但在視覺設計方面,依然兼具細節與質感。

top
Web Design

Axiomtek

  • Art Concept
  • System Programing
  • CSS
  • HTML

艾訊科技Axiomtek官方網站,以實用性為取向,強調SEO優化,讓產品在搜尋引擎得到最佳能見度,並以全後台方式處理所有頁面資訊,讓業者得以最方便的方式處理龐大的資料以及產品線,面對競爭激烈的電子業界,目的就在以最高效率推廣自身產品的解決方案。視覺設計方面,沉穩配色搭配企業識別色系,版型強調瀏覽動線,讓希望傳達的資訊得以依序映入眼簾。

Content Page

全頁面資訊皆可透過後台更新,不論新增產品線、產品項目,皆可在後台自行增減,進階的全文檢索,讓客戶得以無障礙地搜尋到 想要的解決方案。

top
Front-End Development

ANZ Internet Banking

  • CSS
  • HTML

澳盛銀行ANZ官方網站,以企業識別色系作為主要配色,清爽大方的設計,頁面版型以功能性作為出發點,站在使用者的角度,讓使用者得以在最短時間得到所需要的服務,同時也讓業主能夠順利地推展最新的服務與商品。

Content Page

透過合理且醒目的板塊安排與具專業感的視覺印象,使用者可以在最短時間內熟悉並充分利用網站提共給使用者的豐富服務,進一步認同澳盛銀行的優質企業形象。

top
Concept Design

Orange Mart

  • Art Concept
  • 3D

以綠色、有機為企業精神的柑仔店有機超市,春沐國際提出如街角的”柑仔店”店面為主視覺,以3D建模製作一個虛擬店面,營造有如親臨現場的感受,以暖色調為主體,點綴綠色自然背景,強調自然、有機、且多樣化的食品,讓使用者第一眼便理解柑仔店的企業文化與產品特性。

Product Page

產品頁面延續首頁的概念與視覺風格,分門別類,有如在店內的櫃架挑選商品的視覺概念。

top
Web Design

La Mina.tv

  • Flash
  • ActionScript
  • PHP
  • MySQL

春沐國際與紐約製作人合作,為其製作的實境節目製作網路平台,平台結合實境節目特性可即時觀看節目,且具有社群功能,讓觀眾與同好甚至節目中的人物交流,分享對於此節目的想法與心情,營造除了觀看之外,更有參與感的娛樂體驗。

Content Page

配合La Mina實境節目建構了包含隨選影片,Blog, 社群,網路商店,以及線上廣播。讓觀者透過整合在網站中的多樣媒體,隨時關注喜愛的角色人物。

top
Web Design

New Balance

  • Visual Design
  • Flash

春沐國際與紐約製作人合作,為其製作的實境節目製作網路平台,平台結合實境節目特性可即時觀看節目,且具有社群功能,讓觀眾與同好甚至節目中的人物交流,分享對於此節目的想法與心情,營造除了觀看之外,更有參與感的娛樂體驗。

Content Page

配合活動發想,以Flash 製作,運用Flash的Webcam以及媒體上傳功能,結合後台資料庫,配合簡短的Flash開場動畫說明,讓使用者能快速理解活動內容,輕鬆上手參與活動。

top
Web Design

絕讚金門

  • Visual Design
  • Flash
  • System Programing

近年來金門縣政府積極推廣金門的旅遊事業,其中最大規模的便是一年一度的中秋搏餅活動,除了在中秋假期期間於金門本地舉辦實體活動,並透過由春沐國際規劃的網路活動先行炒熱氣氛,讓外地遊客可以透過網路遊戲瞭解金門這項傳統習俗,最後再以網路活動積分,讓網路遊戲參與者可以在中秋節期間參與金門在地的實體活動,

Content Page

配合搏餅活動,以Flash 製作,結合後台資料庫的線上網路遊戲,玩家可以註冊帳號,並有排行榜機制,玩家不斷遊玩累積積分,即時了解自己再活動的積分排名,為最後的金門旅遊獎項做努力。

top
Web Design

Formosa Cancer Foundation

  • Art Concept
  • CSS
  • HTML

財團法人台灣癌症基金會委託春沐國際製作 全民練5功-防癌就輕鬆 活動網站。當紅樂團蘇打綠與插畫家馬克做為聯合代言人物,以清新的形象呼籲大眾對於癌症有更多認識,並透過日常簡單的運動與生活習慣改善,來達到預防癌症的目的。

Content Page

規劃以”練5功”為出發點的5種方式,改善生活習慣,以簡單明瞭的版型,輕鬆有趣的視覺,清楚傳達台灣癌症基金會希望推廣的活動,並搭配桌布下載,馬克防癌微短片,以及FB粉絲頁活動,加強推廣對象對於活動的印象。

top
Corporate Film

Axiomtek - Corporate Film 2014

  • 3D
  • Animation
  • Modeling

艾訊科技在2014年再度委託春沐國際製作企業形象影片,經過發想與討論之後,得知客戶希望跳脫大眾對科技業的刻板形象,有別於一般常見的冷調科技感,轉而以軟性訴求為出發點,以一個小男孩成長過程,陳述艾訊科技在各種領域的豐富應用。視覺風格一改以往寫實風格,以插畫風格渲染的3D動畫,呈現出溫暖而感性的基調。且此次背景音樂編曲還特地找了,2013年金音獎最佳樂手,閃靈樂團吉他手Jesse Black Liu一起合作,替整隻形像影片增添了不少氛圍。

top