日本動畫大師宮﨑駿的奇幻冒險鉅作《霍爾的移動城堡》,即將在 8/22 重返全台大銀幕,於日前(8/9)推出由吉卜力工作室獨家授權的互動網站,透過霍爾城堡的四色轉盤魔法門,帶領觀眾通往不同的電影經典名場景,如:與霍爾在空中漫步共舞、駕駛飛艇等時刻。
《霍爾的移動城堡》互動網站(點此)
延伸閱讀 :《霍爾的移動城堡》20 週年 8/22 重映!木村拓哉聲演霍爾,全球獨家限量書卡套票限定販售
「吉卜力工作室」台灣獨家發行片商甲上娛樂特別邀請 BORING Design Lab 開發《霍爾的移動城堡》專屬互動網站。第一階段(即日起至 9/8)進行「挑戰魔法之門」活動,透過轉動魔法門上的四色轉盤,便可進入霍爾的魔法世界展開旅程,每道門都有獨特的互動驚喜。
延伸閱讀 :《霍爾的移動城堡》台灣限定款海報!方序中聯手董十行:以黑夜白晝 2 款,呈現一體兩面視角
四色轉盤的互動遊戲
藍門:喚醒卡西法
被霍爾捧在手心的藍色的火焰,藉由向手機聽筒吹氣,將逐漸轉為綠色,最終變為紅色,喚醒快要熄滅的火惡魔卡西法。
{“link”:””,”title”:””,”collection”:[{“src”:{“o”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451087-24419.jpg?w=2000&output=webp”,”xs”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451087-24419.jpg?w=100&output=webp”,”s”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451087-24419.jpg?w=600&output=webp”,”m”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451087-24419.jpg?w=900&output=webp”,”l”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451087-24419.jpg?w=1200&output=webp”},”title”:”\u300a\u970d\u723e\u7684\u79fb\u52d5\u57ce\u5821\u300b\u4e92\u52d5\u7db2\u7ad9″},{“src”:{“o”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451088-63871.jpg?w=2000&output=webp”,”xs”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451088-63871.jpg?w=100&output=webp”,”s”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451088-63871.jpg?w=600&output=webp”,”m”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451088-63871.jpg?w=900&output=webp”,”l”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451088-63871.jpg?w=1200&output=webp”},”title”:”\u300a\u970d\u723e\u7684\u79fb\u52d5\u57ce\u5821\u300b\u4e92\u52d5\u7db2\u7ad9″}],”from”:”\u5716\u7247\u4f86\u6e90\uff0f\u300a\u970d\u723e\u7684\u79fb\u52d5\u57ce\u5821\u300b\u4e92\u52d5\u7db2\u7ad9\u622a\u5716″,”from_link”:””,”description”:””}
紅門:循著戒指光芒指引駕駛飛艇
循著霍爾送的戒指光芒指引駕駛飛艇,左右移動手機對準方向,螢幕上將指示往左或右一點,保持正確方向後,將安全返回城堡。
綠門:與霍爾飛至空中進行漫步共舞
進入綠門後,場景將會來到霍爾為躲避敵人,而帶領蘇菲飛到空中漫步共舞,跟著音樂節奏,當圓圈逐漸縮小到中心時點擊,於節奏上點擊成功,圓圈會變為黃色。
黑門:逃離荒野女巫手下的追擊
進入藍、紅、綠任一轉盤,就能解鎖黑門,輸入名字、電子信箱進入黑門後,隨即出現「荒野女巫詛咒圖」,截圖保存到上映戲院購買或兌換電影票時向影城售票人員出示,即可獲取限量「魔法門電影小卡」,掃描卡片上暗藏的 QR Code 進行第二輪互動體驗,便可解開詛咒,獲得「魔法福袋」抽獎資格。《霍爾的移動城堡》數位紀念版將於 8/22 全台上映,更多電影資訊,請追蹤甲上娛樂官方粉絲專頁。
《霍爾的移動城堡》互動網站(點此)
{“link”:””,”title”:””,”collection”:[{“src”:{“o”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451092-73823.jpg?w=2000&output=webp”,”xs”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451092-73823.jpg?w=100&output=webp”,”s”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451092-73823.jpg?w=600&output=webp”,”m”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451092-73823.jpg?w=900&output=webp”,”l”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451092-73823.jpg?w=1200&output=webp”},”title”:””},{“src”:{“o”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451094-98603.jpg?w=2000&output=webp”,”xs”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451094-98603.jpg?w=100&output=webp”,”s”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451094-98603.jpg?w=600&output=webp”,”m”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451094-98603.jpg?w=900&output=webp”,”l”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451094-98603.jpg?w=1200&output=webp”},”title”:””},{“src”:{“o”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451055-22485.jpg?w=2000&output=webp”,”xs”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451055-22485.jpg?w=100&output=webp”,”s”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451055-22485.jpg?w=600&output=webp”,”m”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451055-22485.jpg?w=900&output=webp”,”l”:”https:\/\/image-cdn.learnin.tw\/bnextmedia\/image\/album\/2024-08\/img-1723451055-22485.jpg?w=1200&output=webp”},”title”:””}],”from”:”\u5716\u7247\u4f86\u6e90\uff0f\u7532\u4e0a\u5a1b\u6a02\u3001\u300a\u970d\u723e\u7684\u79fb\u52d5\u57ce\u5821\u300b\u4e92\u52d5\u7db2\u7ad9″,”from_link”:””,”description”:””}
品牌設計是一個需要深思熟慮和精心策劃的過程,它不僅關係到企業的形象與定位,更影響到在設計完成後目標客群的感知與品牌忠誠度。因此,在品牌設計前溝通彼此對專案的想法與期待,平衡彼此的認知,是在專案過程中的首要之重。
前期的「需求釐清」是品牌設計成功的基石
品牌設計前期的釐清階段急不得,雖然談清楚需求可能會花較多時間,但當前面問題釐清了,後面再做設計時也會更加清晰與順利。大部分的專案之所以中途停滯不前或無法結案,都是因為前期需求不清楚,導致後續窒礙難行,設計師找不到後續的方向,或是品牌主對於後續選擇不夠有信心。
對於設計師而言,越完善的了解需求全貌,就更能製作出符合預期或想像的設計,並且能奠基於需求之上,不斷迭代讓設計越來越好。而對品牌主而言,在設計前收斂清晰需求與想法,便能確保最終的產出是符合市場需求的,也能確保專案不會因過多來回,造成時程延宕。
開始著手設計前,有哪些關鍵問題需要釐清?
我認為以下六個問題,是每個專案開始前品牌主與設計師都必須有清晰認知的:
➊ 品牌遇到了什麼問題,或是希望達成什麼目標?
品牌重塑專案和新品牌創立的詢問角度會有些不同。品牌重塑專案需要更全面了解品牌遇到的問題、希望重塑專案的動機,可能是提高品牌認知度、增加銷售額,或進一步建立品牌忠誠度、也有可能是品牌視覺過度老舊,希望以新的視覺吸引年輕族群。而新品牌則是需要了解品牌設計的目標,及品牌後續要推廣的方向。
以 StudioPros 為台灣知名劇團——「阮劇團」重塑品牌時,我們了解此專案除了標誌優化外,更重要的,是建構後續的品牌輔助圖型系統,讓阮劇團團隊在推廣活動與經營社群時更有效率地去創建視覺,因此在後續設計階段,我們協助團隊整合了完整的社群應用系統與模組。
➋ 品牌的核心價值或核心標語是什麼?
每個品牌都有其核心價值,這是品牌存在的根本原因。了解並定義這些價值,可以幫助設計團隊在設計中反映品牌的真實精神。若品牌主沒有品牌定位相關的文件,這些內容則需要由品牌內部花一點時間討論收斂與整理。核心價值可以用一句話概括,如 Nike 的核心價值體現在 “Just Do It” 這一口號上,傳遞出對挑戰自我、追求卓越的信念。蘋果的核心價值為 “Think Different”,體現了創新、簡約和對設計的執著。
若沒有核心標語,也可以請客戶收斂關鍵字。例如我們為齒科品牌 Dr.Kelly 打造的全新品牌視覺時,客戶團隊收斂了三大品牌關鍵字「創新、年輕、專業」給我們,在整體的視覺塑造上,我們以此作為設計的調性與方向。
➌ 品牌的目標受眾是誰?
明確的目標受眾,可以幫助設計師創作出與受眾共鳴的設計。了解受眾的年齡、性別、興趣、消費習慣等有助於確定設計風格和語調。例如星巴克的目標受眾主要是 25 至 40 歲的都市專業人士和學生,喜愛高品質生活,注重社交體驗和環境氛圍。因此星巴克透過創造「第三空間」的理念——除了「家」和「辦公室」外的另一個舒適場所,來吸引這群注重體驗和社交的消費者。品牌的咖啡文化和社交氛圍成為吸引目標受眾的重要因素。
以我們為氣機科技進行的品牌重塑為例,當時品牌的目標受眾除了既有對於「撓場」有研究的工程師族群外,也有一群對於能量輔具有興趣,但較不懂技術,或喜好研究身心靈的群體。為了讓品牌特色「撓場」更易理解,我們在設計上以深入淺出的方式呈現,利用簡潔、親和的方式去敘事與包裝。
➍ 品牌的競爭優勢是什麼?
品牌的競爭優勢是指,品牌在市場中相較於競爭對手所擁有的獨特優勢,這些優勢使得品牌能夠吸引並留住消費者。透過釐清品牌優勢,設計師便能在思考設計時,將品牌特徵更外顯,以此幫助產品銷售或爭取更多記憶點。
以我們為玻尿酸品牌 Neruri 打造的品牌視覺為例,整體標誌奠基於 Neruri 的特殊專有技術「全分子玻尿酸」進行設計,我們將品牌「能夠製作出大、中、小分子的特許技術」視覺化,並於後續衍伸視覺上不段鋪陳,幫助品牌特點的傳播與推廣。
➎ 品牌短中長期的目標或願景是什麼?
品牌是需要長時間經營的,因此在規劃品牌設計時,不能只有考慮到現況,需同時透過了解品牌短、中、長期的目標與規劃,並將需求整合進設計。例如某些品牌在中長期有推出子產品線的計畫,因此在設計時,就需要連同後續的設計延展一同思考,確保品牌有足夠的彈性去發展。以 Dr.Kelly 品牌識別專案為例,我們將未來可能會延展的產品線先進行配色發想,建構出一系列的色彩選項,並思考不同色系對應的子產品線需求,方便客戶未來應用。
➏ 品牌視覺未來可能的應用場景?
品牌識別的設計需考量未來的易用性,針對不同的應用場景需求思考限制和最佳呈現的效果。例如若品牌未來有大量的包裝燙金需求,在標誌的設計上就不能使用太細的線條,避免燙金過程中容易模糊的問題;若品牌為手機應用程式,在標誌設計上需思考如何在一大片的應用程式圖標中脫穎而出,並且避免品牌與手機常見應用程式視覺或顏色過度相近。
打造好設計必須倚賴雙方的努力和交流
曾經遇過一些客戶提到,擔心給設計師太多資訊反而會限制設計師發揮,或是認為設計師既然收了設計費,應當要自己去探索,我認爲這並不完全正確。要打造一個成功的專案,並非單一方盡力就可以達成,必須雙方一起努力和交流想法,並清楚溝通。透過兩方的協作,各自發揮所長,才是打造好品牌的唯一解答,彼此也能夠建立更長久的合作關係。