blockstudio
{{currentHour}}:{{currentMinute}}:{{currentSecond}}
{{currentTemperature}}°C
▉ Every element is a plate, present oneself but also extrude others to create a new possibility.
▉ Every element is a plate, present oneself but also extrude others to create a new possibility.
▉ Every element is a plate, present oneself but also extrude others to create a new possibility.
作品列表專案詢問
  • Projects
    專案列表
  • Service
    服務項目
  • Blog
    部落格
  • Career
    徵人頻道
  • About
    關於我們
Tel.02-2885-8586
Email.info@blockstudio.tw
Taipei, Taiwan11170 台北市士林區前港街11號3樓
3F., No. 11, Qiangang St., Shilin Dist., Taipei City 111, Taiwan
FORM
專案詢問
請透過表單詢問案件
我們會以Email回覆或是直接與您電話聯絡
Block Studio©2018 Copyright. All Rights Reserved.

KKBOX MUSIC AWARDS ── 18th KKBOX 風雲榜 官方網站 ​

Type
  • 網站設計

Description

KKBOX 為頂尖跨國科技集團 KKCompany Technologies 旗下音樂串流品牌,擁有豐富的音樂內容和專業音樂推薦技術,致力為音樂愛好者創造最精彩多元的聲音體驗,深耕亞洲市場 20 年,並持續舉辦亞洲最具指標性與影響力的音樂盛會KKBOX風雲榜,亦透過站內豐富的聲音策展內容、持續創新的獨家功能「一起聽」、「Podcast音樂嵌入」、「聆聽成就」等各式服務功能,為聲音產業的創作者、消費者和合作夥伴創造更趣味、豐富、多元的價值。
​
【Project Goal】目標、策略
KKBOX即將迎來第18屆KKBOX風雲榜,期待以全新的樣貌彙集歌手及創作者的藝術能量,帶給聽眾與眾不同的驚喜感受。
​
版塊以網站策略出發思考如何用數位的體驗設計為品牌加值,在前期的構想與JL Design&Mix Code一同激盪線下接觸品牌後延伸到網站上的互動方式。
​
聽音樂,從未改變 | Whenever, Music Matters
音樂不知從何時開始,成了生活裡自然的存在,每個人可能都有自己的人生代表歌曲,那首歌陪著自己經歷歡笑與悲傷。我們將歌曲與個人故事結合轉換成數位互動,讓每個人都可以在網站上挑選歌曲、寫下心情、自由的繪畫,而KKBOX的音樂一直伴隨著,就像一直在身邊的老朋友。
​
【Concept】設計概念
∎ 網站視覺
從JL Design&Mix Code所發展的品牌視覺延伸,除了K本身就已經相當奪目的視覺外,在整體畫面中添加童趣感的手繪塗鴉增加畫面的豐富度,象徵KKBOX陪伴著大家的初心。其次元件設計增加霧玻璃的材質,在導覽列上或是點擊資訊後所顯示的背景遮罩,都讓整體視覺呈現有更精緻的感受。
​
∎ 互動體驗
從進入畫面開始,K的多種樣貌會持續的在不同頁面作為切換引導,除了增加變化性的趣味外,也同步加深使用者對於KKBOX的印象。
到首頁後滾動滑鼠可以瀏覽歌手名單,使用者可以挑選喜歡的歌手觀看歌手給予的驚喜留言;點擊留下自己想說的按鈕後,可以創作自己的音樂故事,挑選喜愛的歌手頭像圖框、聆聽年度代表歌曲、寫下想要表達的話語。
最後可以在小卡上增添裝飾,從畫筆到印章貼圖皆可讓粉絲自由創作,拖曳、旋轉、縮放樣樣都行,繪製完成後可以分享參與抽獎,或是繼續觀賞其他人的音樂故事。
​
∎ 彩蛋 你有發現嗎?
名單中穿插著多樣貌的「K」,每個「K」都藏著不同內容,這是我們埋下的小彩蛋,期待你來挖掘他們~!
​
最後感謝JL Design的熱情邀請,讓版塊設計與Mix Code三方一起玩了這麽棒的案子!期待未來能夠有更多合作~!
​

Credits

  • 客戶KKBOX
  • 創意企劃統籌JL DESIGN
  • 視覺設計JL DESIGN x Mix Code
  • 網站設計總監Lee Ming
  • 網站設計Ting Ai
  • 網站創意發想Zhung Wu / Ting Ai / Rozi Lu / Kate Hsu / Una Huang / Jordan Tseng / Luju Lu / Lee Ming / Keith Tseng / Tai Lin
  • 網站專案經理Chien Lin
  • 前端開發Jordan Tseng
  • 後端介面ShiuanYi Chen
  • 後端開發Calvin Chang
  • Release DateMar. 2023

Link

  • Linkhttps://kma.kkbox.com/awards/
回作品列表
{{accordion?'Close':'More'}}

Other Project
其他案件

毛森江建築工作室 ── 官方網站

台東藝文平台 ─ 視覺識別&官方網站

裏山 ── 官方網站

02-2885-8586
info@blockstudio.tw
11170 台北市士林區前港街11號3樓