長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

十、始,事物之極致也。大眾點評在經歷九個版本的迭代之后,重新站在變革的十字路口。

V10,一次新的品牌蛻變開始了…….

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

一、全新定位

面對消費升級下的消費偏好轉移,不再以價格導向滿足基礎需求,上升為獲得更好的體驗和精神享受。轉換到產品,定位也正發生改變,從工具到內容,從找優惠到發現品質生活,不僅局限于功能使用,而是包含品牌調性、產品品質、附加服務在內所獲得的品牌認同。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

通過對目標人群分析,結合大眾點評自身業務積累,未來將聚焦打造年輕化、娛樂化、社交化的產品體系。并在此基礎上提出「年輕有品 豐富不失格調」描繪未來希望在用戶心中映射的形象。如何精準的詮釋「年輕 有品 豐富 格調」并傳遞給用戶,即是這次品牌升級的關鍵。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

二、調性基因

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

根據對定位的細化拆解,結合產品的感知路徑,我們從品牌、內容、體驗3個緯度提煉出產品調性基因,作為此次的設計目標和指導思想投射至產品中。即:鮮明的品牌感知、高效優雅的瀏覽體驗、優質豐富的內容呈現。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

三、調性輻射

1. 鮮明的品牌感知

作為第一眼進入用戶視野的首頁焦點導航,兼具傳遞品牌風格和業務屬性兩個使命。對標行業相似的布局方式,球面形式感已經難以形成獨有的品牌印象,主導航在色彩和造型質感上做新的風格探索。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

色彩

人的五感常常有相似的慣性和疲勞機制,隨著年輕用戶對色彩的接受度逐漸升高,我們原本過度平緩的漸變色已經不能勾起視覺記憶。基于品牌色,通過拉長色相對比、增加飽和度的取色方式提煉漸變色組,作為體現豐富、年輕、娛樂感的基調。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

造型

根據千人千面策略,上百個業務 icon 出現在導航體系中,需要考慮風格的擴展性和辨識度。因此盡量保留原有基礎形,打破圓形外框以負形為主體,使表意更加直觀。同時增加柔和且邊緣相對明確的投影彌散值,輔助增強導航的點擊感。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

風格探索之后,協同業務線設計師共同作戰,對 icon 兼顧表意/一致性/體量感做細節打磨,最終全量級延展上線。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

字體

人們常說 「字如其人,人如其字」,個性鮮明的字體作為視覺語言的重要組成部分,同樣影響著產品性格。

從點評 Logo 出發抽象出筆畫特征,組合成簡潔現代感的的字體庫,運用在產品中傳遞品牌風格。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

2. 高效優雅的瀏覽體驗

回顧互聯網發展,每一次硬件技術的革新都給設計帶來不可忽視的影響。

隨著 iPhoneX、小米Mix 等全面屏技術逐漸成熟,預示著未來內容與屏幕邊界將逐漸融合,奢侈的屏幕空間給設計帶來更多可能。

在保證信息體量的同時,通過卡片、圓角容器、留白率、互動反饋等視覺優化,使層級更簡單明確,降低獲取信息的視覺壓力從而提高效率和愉悅感。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

卡片

對區塊增加投影、封閉邊線包裹、與背景色差對比、彌散投影等方式形成卡片。增加空間利用率,區分不同緯度內容,提升可操作感。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

圓角容器

信息區塊圓角化,使內容規整統一,與屏幕更好的融合。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

對于宮格圖組,利用視覺自動補全做外部圓角,解決銜接處出現的空心原點,使內容更規整。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

留白率

通過削弱頁面分割,增加頁面負空間,提升頁面通透感。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

互動反饋

瀏覽的同時在細微處增加恰當而情緒化的操作反饋,豐富產品靈性獲得品牌好感。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

△ 界面展示

3. 豐富優質的內容呈現

點評經歷一年多內容化的探索,后續將擴充圖文小視頻等更多元的內容形式,每一類內容的精致度都將直接影響產品的品質感。

選圖優化

在原本編輯手工選圖的基礎上,引入機器智能選圖。對上萬張圖片通過「清晰度/構圖/主體匹配」等指標做判斷篩選,優化取圖算法,使逐步呈現優質的圖片內容。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

圖文版式優化

通過增大字號梯度、加大對比色提高圖文內容的品質,

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

△ 界面展示

三、傳播

版本發布作為品牌詮釋的一部分同樣重要。繼承產品的調性對版本加以包裝,可以使品牌更加立體的傳遞給用戶。

簡,即更大的想象空間和包羅萬象的氣度,預示我們逐步豐富的內容體量。受包豪斯系列作品和未來藝術的靈感啟發,樸實抽象的幾何圖形令人印象深刻,也許可以作為呈現包容和時尚感的方式。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

以 V10 為基礎元素,做抽象幾何變化向圓形擴展,同時延續產品中的顏色質感作為主視覺元素。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

并從中提取「 V 」和「 0 」的造型組合,配合撞色營造繽紛的時尚年輕感,延展至宣傳頁面。

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

點擊鏈接觀看完整視頻:https://v.qq.com/x/page/e1339zlqkxd.html

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

結語

至此,完成了大眾點評品牌升級的開篇。

從產品策略到設計執行,從方案探索到推動落地,其中不乏方案的反復和博弈。同時也引發我們對自身價值的思考:保持對商業的關注、對潮流的敏感嗅覺、與新技術互通、才能突破「看起來好看」的小情懷真正影響產品和用戶,體現更大的商業價值。同時與上下游和業務團隊的日夜奮斗,保持高效的團隊互通,也促進了彼此凝聚力。

后續的品牌完善和傳播還有很多發力點,需要結合數據深入打磨,過程中的思考和沉淀也將逐一梳理,敬請期待。

對于美好生活的呈現方式我們將持續探索,希望能在吃喝玩樂的路上給你源源不斷的驚喜,Eat better,Live better。

歡迎關注大眾點評UED團隊公眾號:「DPUX」

長文揭秘!全新的大眾點評V10版本是如何做品牌升級的?

圖片素材來源:大眾點評

「品牌升級實戰案例」

================明星欄目推薦================

優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備: http://hao.uisdc.com

收藏 90
點贊 5

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。