BACKGROUND 項目背景

法國(guó)駐華大使館邀請HOLY荷勒為(wèi)夏至音樂日定制全新(xīn)的小(xiǎo)程序體(tǐ)驗，設計和開發；

夏至音樂日（Fête de la Musique）是1982年在當時的法國(guó)文(wén)化部長(cháng)傑克·朗的倡議下創立的全民(mín)音樂盛典活動。夏至音樂日據不完全統計目前已經在全世界100多(duō)個國(guó)家落地，中(zhōng)國(guó)是從2006年武漢開始的第一屆夏至音樂日，目前每年有(yǒu)10個左右的城市參與，會選在6月21日這一天的前後周末，不同的城市會在不同的地點和時間開始。主要的精(jīng)神有(yǒu)兩個，一個是免費，全民(mín)都可(kě)以免費共享音樂，一個是交流，一般每場都有(yǒu)一到兩支法國(guó)樂隊，剩下的都是與他(tā)們氣質(zhì)差不多(duō)的中(zhōng)國(guó)本地樂隊。

社會影響力與媒體(tǐ)聚焦力

夏至音樂日自開辦(bàn)以來，在社會上的影響力以及線(xiàn)上線(xiàn)下主流媒體(tǐ)中(zhōng)的傳播與聚焦力的表現十分(fēn)優秀，就2019年夏至音樂日的整體(tǐ)數據來看，全國(guó)共有(yǒu)260家媒體(tǐ)，就夏至音樂日發布新(xīn)聞簡報共1732條，廣告值約250,232,550人民(mín)币。

PLAN項目策劃

更友好的交互與更個性的視覺

在前期對夏至音樂日這個項目的調研過程中(zhōng)，我們發現兩大需要着重考慮與設計的痛點；一是為(wèi)了使用(yòng)戶更加了解夏至音樂日每年的安(ān)排以及自己如何參與進來的一整套更加友好的用(yòng)戶交互體(tǐ)驗，二是在視覺上表達出夏至音樂日專屬的獨特個性與标簽，在用(yòng)戶心中(zhōng)形成符号化的記憶。為(wèi)了更友好的交互與更個性的視覺，我們對用(yòng)戶體(tǐ)驗的每一條路徑進行了測試并設計出夏至音樂日專屬的一套視覺體(tǐ)系。

DESIGN設計呈現

鮮明的橙色使頁(yè)面更加活潑增加記憶點

大面積使用(yòng)鮮明的橙色，增強頁(yè)面的視覺記憶，并傳遞出夏至音樂日開放活潑的特性，使用(yòng)戶在體(tǐ)驗頁(yè)面的過程中(zhōng)能(néng)更多(duō)地感受到音樂日的精(jīng)神與理(lǐ)念，調動起用(yòng)戶的交互積極性。

空氣感時尚圖标設計

圖标采用(yòng)細線(xiàn)圖标與色塊相配合的形式，底部導航圖标未選中(zhōng)時為(wèi)細線(xiàn)圖标，點擊選中(zhōng)後填充色塊，空氣感色塊填充使高飽和度的頁(yè)面更加輕盈，使整個頁(yè)面視覺系統和諧統一，為(wèi)小(xiǎo)程序增添更多(duō)趣味與時尚魅力。

首頁(yè)打造獨特品牌符号

首頁(yè)采用(yòng)大面積橙色，第一時間抓住用(yòng)戶眼球，打造出夏至音樂日獨有(yǒu)的品牌符号，顯眼的音樂日大LOGO與音浪符号的配合，使頁(yè)面更富有(yǒu)動感與主題感，首頁(yè)智能(néng)定位用(yòng)戶所在城市并自動推薦最近的音樂日活動給用(yòng)戶，使用(yòng)戶在首頁(yè)能(néng)接收到最有(yǒu)效直觀的信息，同時也留有(yǒu)支持用(yòng)戶查看所有(yǒu)活動的入口，方便用(yòng)戶靈活查看更多(duō)内容信息。

清晰的演出活動信息展示與引導

為(wèi)了使用(yòng)戶更加清晰地了解夏至音樂日地演出安(ān)排，我們對列表頁(yè)到詳情頁(yè)的層級路徑進行了細緻的統籌規劃：列表頁(yè)設立地區(qū)與時間維度的雙重篩選，方便不同地區(qū)的用(yòng)戶進行參加演出活動的安(ān)排，以城市為(wèi)核心的演出頁(yè)面使演出活動的信息展示更加聚集，方便用(yòng)戶針對性地查看更多(duō)内容。

互動讨論構建活力社群

互動讨論模塊支持上傳圖文(wén)、單文(wén)字與視頻等多(duō)形式内容帖，保證用(yòng)戶表達自我與意見反饋的多(duō)樣性與靈活性，支持互動點贊與評論，使參加夏至音樂日活動的用(yòng)戶能(néng)自發的聚集起來，形成一個有(yǒu)活力有(yǒu)内容的讨論社區(qū)，增強線(xiàn)上線(xiàn)下用(yòng)戶之間的情感聯系，增加活動的趣味性與生命力。

其他(tā)内頁(yè)設計

其他(tā)内頁(yè)設計延續亮眼橙色的設計氛圍，使頁(yè)面設計更和諧統一。

更多(duō)案例