我們期待探索未知的世界,欣賞沿途的風景,我們在旅途中與驚喜不期而遇,一路邂逅有趣的人、書寫有趣的故事,我們期待在旅行的終點遇見更好的自己。
然而疫情讓我們暫停腳步,我們期待重新出發,期待生活更加豐富多彩,同時我們堅信一切暫停,都是為了更好地再次起航。
作為創意設計師,我們希望通過設計力點燃用戶對美好旅行的期待,以全新的面貌與用戶形成自然的連接,打造一個鼓舞人心的新世界,重新開啟美好旅程。
我們的創意理念由此而浮現:
因此,我們將星球作為設計基礎載體,以此打造屬於Trip.com的美好新世界。
隨着雙十二在東南亞地區影響力逐步擴大,用戶已經被培養了在這個節日購物的習慣,且正好臨近聖誕和新年,市場需求較高。作為一個國際化OTA,如何打造此次雙十二大促,帶給用戶差異化的視覺體驗?
我們以品牌價值輸出作為切入點。品牌的生命周期分為建立期、成長期和成熟期,現階段Trip.com在海外市場處於建立期,在營銷活動中需要對品牌側重更多,打造活動認知,讓用戶記住我們,積累無形的品牌價值。
基於項目背景我們明確了品牌、市場、業務和用戶訴求,推導出打造品牌認知、增強旅行感知、強化業務感知和利益感知這4個設計目標,並進行後續的視覺設計推導。
01 | 構建世界觀
以4個設計目標作為核心關鍵詞進行腦暴聯想,從品牌認知角度出發,提取圖形符號、顏色系統、風格調性;從其他3個目標關鍵詞中總結活動相關基礎視覺元素。
· 圖形符號
品牌Logo是我們最大的超級符號,logo中圓點Omni Circle象徵我們與用戶的連接點,且它的輪廓與我們的創意載體星球完美契合,我們將它提取出來進行延展。
以星球作為符號載體,在這裡營造種類繁多豐富有趣的旅行新生態,為用戶打造完美旅程,築造一個獨特的「旅行小行星」。
預熱期星球呈現關閉狀態,通過半透明遮罩眺望裡面的場景,喚起用戶的好奇與期待;而隨着正式期的到來,我們將星球以打開的形式展現給用戶,產線及活動相關元素從星球中迸發出來,渲染熱烈的活動氛圍。
02 | 建立視覺語言
在構建好世界觀後,我們開始搭建視覺語言系統。
· 顏色系統
從品牌色板中提取顏色,並根據活動的兩個階段做不同的配色方案。預熱期是大促的第一波心智轟炸,以品牌藍為主色大面積應用於主KV中,打造品牌認知;經過前期的鋪墊,活動達到爆發期,以暖色係為主色營造熱烈繽紛的氛圍,同時保留一定占比的品牌藍,強調品牌感知。
· 風格調性
視覺風格延續品牌調性:輕量化、高質感、色彩通透;傳遞年輕化的視覺感知和活力美好的旅行方式。
· 基礎元素
基於用戶畫像提取主要人物角色:家庭、商務人士和情侶,與用戶建立情感共鳴;以酒店建築、摩天輪、飛機等產線相關元素加強品類感知;以金幣、折扣券、禮盒加強利益感知,以聖誕樹來烘托節日氛圍,將這些元素融合在星球中。
· 質感表現
在質感表現層面,結合半透明玻璃的設計風格Glassmorphism來體現科技感、智能感,以輕透、多彩的原則做質感輸出。
· 版式構圖
將主要元素放置在版面的中軸線上,快速吸引眼球,占據視覺焦點,突出主體。
綜合以上,從色、形、質、構四個維度來定義和構建視覺語言系統,最後完成主KV及動效設計。
畫麵塑造了一個活力、有趣的旅行小行星,在絢爛、夢幻的宇宙星雲中閃耀,激發用戶對旅行美好的嚮往。
預熱期人物角色徘徊在行星軌跡上,帶着好奇眺望星球內的場景,期待星球打開;正式期星球旋轉開啟,人物奔跑在軌道上沉浸其中,共同分享獲得優惠與獎品的喜悅。
在敘事邏輯上將預熱期的好奇與期待,與正式期的驚喜、喜悅連接起來。
03|界面設計
· 活動落地頁
我們將品牌藍在預熱期頁面高占比使用,將品牌輔助色應用在不同產線的商品模塊,一方面可以做視覺區分,另一方面始終將Trip.com的品牌主張貫徹其中,通過這樣的視覺語言打造品牌一致性。
正式期頁面使用多彩光感的高飽和漸變色營造繽紛的氛圍,透傳豐富與熱鬧的感知。
· APP首頁皮膚
作為全站點年底的重要活動,我們希望吸引更多的用戶關注到這場營銷互動中,因此在12.12活動當天,進行產品首頁換膚設計,以增強活動氛圍和曝光。
雙十二不是一次性的營銷設計活動,我們將積極的成果和經驗沉澱下來並復用於後續活動中,並在未來探索更有趣的場景設定,帶給用戶更加新奇的視覺體驗,讓我們一起創造美好!