大眾點評V10品牌蛻變
![](http://image.woshipm.com/wp-files/img/104.jpg)
十、始,事物之極致也。大眾點評在經(jīng)歷九個版本的迭代之后,重新站在變革的十字路口。V10,一次新的品牌蛻變開始了…….
一、全新定位
面對消費升級下的消費偏好轉(zhuǎn)移,不再以價格導(dǎo)向滿足基礎(chǔ)需求,上升為獲得更好的體驗和精神享受。轉(zhuǎn)換到產(chǎn)品,定位也正發(fā)生改變,從工具到內(nèi)容,從找優(yōu)惠到發(fā)現(xiàn)品質(zhì)生活,不僅局限于功能使用,而是包含品牌調(diào)性、產(chǎn)品品質(zhì)、附加服務(wù)在內(nèi)所獲得的品牌認同。
通過對目標(biāo)人群分析,結(jié)合大眾點評自身業(yè)務(wù)積累,未來將聚焦打造年輕化、娛樂化、社交化的產(chǎn)品體系。并在此基礎(chǔ)上提出「年輕有品 豐富不失格調(diào)」描繪未來希望在用戶心中映射的形象。如何精準的詮釋「年輕 有品 豐富 格調(diào)」并傳遞給用戶,即是這次品牌升級的關(guān)鍵。
二、調(diào)性基因
根據(jù)對定位的細化拆解,結(jié)合產(chǎn)品的感知路徑,我們從品牌、內(nèi)容、體驗3個緯度提煉出產(chǎn)品調(diào)性基因,作為此次的設(shè)計目標(biāo)和指導(dǎo)思想投射至產(chǎn)品中。即:鮮明的品牌感知、高效優(yōu)雅的瀏覽體驗、優(yōu)質(zhì)豐富的內(nèi)容呈現(xiàn)。
三、調(diào)性輻射
1. 鮮明的品牌感知
作為第一眼進入用戶視野的首頁焦點導(dǎo)航,兼具傳遞品牌風(fēng)格和業(yè)務(wù)屬性兩個使命。對標(biāo)行業(yè)相似的布局方式,球面形式感已經(jīng)難以形成獨有的品牌印象,主導(dǎo)航在色彩和造型質(zhì)感上做新的風(fēng)格探索。
(1)色彩
人的五感常常有相似的慣性和疲勞機制,隨著年輕用戶對色彩的接受度逐漸升高,我們原本過度平緩的漸變色已經(jīng)不能勾起視覺記憶?;谄放粕?,通過拉長色相對比、增加飽和度的取色方式提煉漸變色組,作為體現(xiàn)豐富、年輕、娛樂感的基調(diào)。
(2)造型
根據(jù)千人千面策略,上百個業(yè)務(wù) icon 出現(xiàn)在導(dǎo)航體系中,需要考慮風(fēng)格的擴展性和辨識度。因此盡量保留原有基礎(chǔ)形,打破圓形外框以負形為主體,使表意更加直觀。同時增加柔和且邊緣相對明確的投影彌散值,輔助增強導(dǎo)航的點擊感。
風(fēng)格探索之后,協(xié)同業(yè)務(wù)線設(shè)計師共同作戰(zhàn),對 icon 兼顧表意/一致性/體量感做細節(jié)打磨,最終全量級延展上線。
(3)字體
人們常說 「字如其人,人如其字」,個性鮮明的字體作為視覺語言的重要組成部分,同樣影響著產(chǎn)品性格。
從點評 Logo 出發(fā)抽象出筆畫特征,組合成簡潔現(xiàn)代感的的字體庫,運用在產(chǎn)品中傳遞品牌風(fēng)格。
2. 高效優(yōu)雅的瀏覽體驗
回顧互聯(lián)網(wǎng)發(fā)展,每一次硬件技術(shù)的革新都給設(shè)計帶來不可忽視的影響。
隨著 iPhoneX、小米Mix 等全面屏技術(shù)逐漸成熟,預(yù)示著未來內(nèi)容與屏幕邊界將逐漸融合,奢侈的屏幕空間給設(shè)計帶來更多可能。
在保證信息體量的同時,通過卡片、圓角容器、留白率、互動反饋等視覺優(yōu)化,使層級更簡單明確,降低獲取信息的視覺壓力從而提高效率和愉悅感。
(1)卡片
對區(qū)塊增加投影、封閉邊線包裹、與背景色差對比、彌散投影等方式形成卡片。增加空間利用率,區(qū)分不同緯度內(nèi)容,提升可操作感。
(2)圓角容器
信息區(qū)塊圓角化,使內(nèi)容規(guī)整統(tǒng)一,與屏幕更好的融合。
對于宮格圖組,利用視覺自動補全做外部圓角,解決銜接處出現(xiàn)的空心原點,使內(nèi)容更規(guī)整。
(3)留白率
通過削弱頁面分割,增加頁面負空間,提升頁面通透感。
(4)互動反饋
瀏覽的同時在細微處增加恰當(dāng)而情緒化的操作反饋,豐富產(chǎn)品靈性獲得品牌好感。
△ 界面展示
3. 豐富優(yōu)質(zhì)的內(nèi)容呈現(xiàn)
點評經(jīng)歷一年多內(nèi)容化的探索,后續(xù)將擴充圖文小視頻等更多元的內(nèi)容形式,每一類內(nèi)容的精致度都將直接影響產(chǎn)品的品質(zhì)感。
(1)選圖優(yōu)化
在原本編輯手工選圖的基礎(chǔ)上,引入機器智能選圖。對上萬張圖片通過「清晰度/構(gòu)圖/主體匹配」等指標(biāo)做判斷篩選,優(yōu)化取圖算法,使逐步呈現(xiàn)優(yōu)質(zhì)的圖片內(nèi)容。
(2)圖文版式優(yōu)化
通過增大字號梯度、加大對比色提高圖文內(nèi)容的品質(zhì),
△ 界面展示
三、傳播
版本發(fā)布作為品牌詮釋的一部分同樣重要。繼承產(chǎn)品的調(diào)性對版本加以包裝,可以使品牌更加立體的傳遞給用戶。
簡,即更大的想象空間和包羅萬象的氣度,預(yù)示我們逐步豐富的內(nèi)容體量。受包豪斯系列作品和未來藝術(shù)的靈感啟發(fā),樸實抽象的幾何圖形令人印象深刻,也許可以作為呈現(xiàn)包容和時尚感的方式。
以 V10 為基礎(chǔ)元素,做抽象幾何變化向圓形擴展,同時延續(xù)產(chǎn)品中的顏色質(zhì)感作為主視覺元素。
并從中提取「 V 」和「 0 」的造型組合,配合撞色營造繽紛的時尚年輕感,延展至宣傳頁面。
點擊鏈接觀看完整視頻:https://v.qq.com/x/page/e1339zlqkxd.html
四、結(jié)語
至此,完成了大眾點評品牌升級的開篇。
從產(chǎn)品策略到設(shè)計執(zhí)行,從方案探索到推動落地,其中不乏方案的反復(fù)和博弈。同時也引發(fā)我們對自身價值的思考:保持對商業(yè)的關(guān)注、對潮流的敏感嗅覺、與新技術(shù)互通、才能突破「看起來好看」的小情懷真正影響產(chǎn)品和用戶,體現(xiàn)更大的商業(yè)價值。同時與上下游和業(yè)務(wù)團隊的日夜奮斗,保持高效的團隊互通,也促進了彼此凝聚力。
后續(xù)的品牌完善和傳播還有很多發(fā)力點,需要結(jié)合數(shù)據(jù)深入打磨,過程中的思考和沉淀也將逐一梳理,敬請期待。
對于美好生活的呈現(xiàn)方式我們將持續(xù)探索,希望能在吃喝玩樂的路上給你源源不斷的驚喜,Eat better,Live better。
作者:Jing醬、大藍CC
來源:大眾點評UED團隊公眾號:「DPUX」
本文由 @大眾點評UED 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來源于網(wǎng)絡(luò)
機器智能選圖,這個太牛了。能講講怎么個原理嗎?
只有我覺得圓形的icon更有辨識度咯?