千牛作為淘寶商家開店日常經(jīng)營工作臺，2021品牌升級使平臺界面的呈現(xiàn)出明快的色彩，更年輕，表達(dá)也更具活力。品牌形象往往能加速拉近平臺與商家間的距離，串聯(lián)產(chǎn)品操作與運(yùn)營活動(dòng)，形成平臺與商家間的情感紐帶。

?

因此，在這個(gè)契機(jī)下，我們同時(shí)著手對“千?！边@一IP形象進(jìn)行了一次全新的升級。B端產(chǎn)品的IP形象如何升級，如何滲透進(jìn)這一類型產(chǎn)品的用戶鏈路中？我將這次寶貴的設(shè)計(jì)實(shí)踐記錄下來，分享給大家，也歡迎交流。

?

#01

升級的必然與必要

C端產(chǎn)品的IP屢見不鮮，很多形象深入人心，而B端產(chǎn)品因其更有針對性的用戶人群以及商務(wù)、專業(yè)等印象標(biāo)簽，往往在IP形象這件事上，做與不做？刻畫到什么程度？讓人很難拿捏……

?

1. 為什么要做升級

? 應(yīng)用現(xiàn)狀：原有的千牛IP從2014年就建立起的千牛形象經(jīng)過8年的洗禮，到目前出現(xiàn)了明顯的斷代情況，TA與全新的9.0品牌設(shè)計(jì)語言出現(xiàn)了較大的視覺差異，一方面形象本身對現(xiàn)有用戶群體的親和力偏弱，另一方面無法有效融入用戶鏈路的設(shè)計(jì)中，使用度隨之極速下降。

?

? 用戶認(rèn)知：調(diào)研結(jié)果同步表明，商家群體們對千牛這一品牌形象的辨識模糊，記憶點(diǎn)不足，在情感鏈接的建立上更是乏力。

千牛IP與時(shí)俱進(jìn)的全面升級也便成了一件呼之欲出的事。

▲ 舊千牛形象

?

2. 度的拿捏

在年輕化的商家群體和千牛全新的設(shè)計(jì)語言下，牛的形象重新基于用戶群體、平臺定位、視覺語言三方面進(jìn)行梳理，從中定位關(guān)鍵詞，確定設(shè)計(jì)方向。

▲ 腦爆關(guān)鍵詞

?

定位 - “商家”

開店新商家逐步趨于年輕化，90、00后商家比重逐漸增大。年輕化的商家群體，在日常生活中，所接觸到的公仔形象多為潮玩、盲盒等；趨于年輕化表達(dá)更貼近大部分商家群體的喜好，親切感能幫助千牛拉近商家距離。

▲ 各類盲盒/IP聯(lián)名等（靈感搜集 - 圖片來自于網(wǎng)絡(luò)）

?

造型 - “符號”

作為代表千牛平臺的IP，應(yīng)該具備什么樣的符號才能具有商家平臺特征，并且一眼讓商家喜歡呢？符號化聚焦“元寶、火焰、數(shù)據(jù)、錢、店鋪”這等方向。牛自然形態(tài)牛角和鼻子的明顯特征，也是設(shè)計(jì)著重符號化打磨的方向。

▲ 各類牛形象IP（國際站/1688/富途牛牛）

?

材質(zhì) - “色彩”

結(jié)合千牛產(chǎn)品調(diào)性，色彩以"輕量漸變、明亮簡潔、質(zhì)感輕透”為原則，IP與產(chǎn)品表達(dá)一致性，便于后期運(yùn)營活動(dòng)與產(chǎn)品鏈路延展。

▲ 質(zhì)感色彩表達(dá)（靈感搜集 - 圖片來自于網(wǎng)絡(luò)）

?

#02

IP升級的過程

1. IP方向確定

經(jīng)過數(shù)輪設(shè)計(jì)提案后，結(jié)合定位、符號化、色彩三原則，鎖定千牛形象分別為“招財(cái)牛、潮酷牛、專業(yè)牛”。

? 招財(cái)牛：造型上對鼻子進(jìn)行刻畫，嘗試將元寶和牛鼻子結(jié)合，取“金元寶”招財(cái)吉寓，憨萌可掬，具有親和力；

?

? 潮酷牛：個(gè)性張揚(yáng)年輕態(tài)，在設(shè)計(jì)中，將牛頭和身體做減法，線條簡約造型獨(dú)特，視覺焦點(diǎn)突出藍(lán)色牛角和身體曲線，更具識別度；

?

? 專業(yè)牛：商務(wù)屬性強(qiáng)，為專業(yè)牛穿上了西裝，整體造型突出職業(yè)性，代表經(jīng)營專業(yè)度。

▲ 千牛探索 確定三只牛方向

?

本以為三只形象設(shè)計(jì)定稿，升級這件事踏實(shí)了一半，現(xiàn)在回想起來，還是太年輕了……首先“Pick誰？”，“討論”可以說是非常激烈了，誰說都不算。IP是用戶的，因此讓商家來選擇自己喜愛的形象最為明智。票選心中的千牛，最終“招財(cái)?！币詨旱剐詢?yōu)勢勝出！這件事不光讓我們得到了一個(gè)結(jié)論，更重要的是把在沉浸在激烈“討論”中的我們拉出小我，回到直面用戶的理智和客觀世界中。

?

2. IP誕生

后續(xù)我們對IP進(jìn)行和深入刻畫，從造型、材質(zhì)、符號化三點(diǎn)著手：

? 造型雕琢：精簡輪廓，極簡線條，頭身比采用1:1.2，整體偏幼態(tài)，視覺上更具親和力，符合品牌傳遞的親切感，在運(yùn)營運(yùn)用延展上，四肢形態(tài)延展度高；

?

? 材質(zhì)發(fā)散：商家端材質(zhì)定義中，色彩輕透的原則上，我們牛角采用品牌色透明玻璃質(zhì)感，牛角更具特色；

?

? 符號強(qiáng)化：IP最能讓人產(chǎn)生記憶點(diǎn)的符號化視覺形態(tài)，我們聚焦在千牛元寶鼻的刻畫上，微橢圓的鼻子加半圓形成具有簡潔且顯性的符號化特征；

▲ IP誕生

?

?

#03

應(yīng)用與滲透

親手打造出了用戶喜歡的IP可不得讓它多多出街呀？相信同為設(shè)計(jì)師都能感同身受我的內(nèi)心OS。但正如感情也不是一朝一夕建立的，讓用戶在對的時(shí)間遇到的“牛”才是對的事，IP形象對內(nèi)腳踏實(shí)地服務(wù)于產(chǎn)品本身，滲透進(jìn)功能；對外面向用戶傳遞和生發(fā)正向情緒，讓TA成為連接產(chǎn)品和用戶的美好橋梁。

▲ 鏈路滲透

?

1. 千牛形象拓展

搭建千牛IP形象拓展，結(jié)合商家核心工作場景，如數(shù)據(jù)、客服、物流發(fā)貨、訂單管理、營銷活動(dòng)，建立具有千牛電商特色的角色形象，構(gòu)建完整豐富的角色特征。

▲ 角色場景拓展

?

接著便是一大波出街滲透來襲，這個(gè)階段，“時(shí)宜”和“視覺層次”是設(shè)計(jì)需要重點(diǎn)把握的方向。讓我們來看看全新的千牛形象都分別出現(xiàn)在了哪些地方？

?

2. 產(chǎn)品鏈路的運(yùn)用

重新繪制了異常狀態(tài)下平臺缺省頁，利用千牛憨態(tài)可掬的形象與場景結(jié)合，打造在負(fù)反饋情況下的趣味感。

▲ 缺省頁

?

商家接待場景也是經(jīng)營鏈路重要一環(huán)。從客服進(jìn)店歡迎??回答咨詢??促成下單??物流及售后鏈路切入，新增貼合接待場景的客服表情包，幫助商家更好表達(dá)購物流程中的情緒，促成消費(fèi)者下單，完成售后鏈路。

▲ 表情包

?

3. 平臺關(guān)懷類

每年的大促時(shí)，同樣是商家最忙碌的時(shí)刻，在經(jīng)歷了618、雙11這類大促后，平臺為商家“寄”去一份來自“親人”的問候，在商家忙碌的時(shí)刻千牛一直陪伴在身邊，為商家回顧這場大促的瞬間、這一年的點(diǎn)滴。過年與產(chǎn)品功能聯(lián)動(dòng)，為商家提供一年經(jīng)營數(shù)據(jù)的同時(shí)還提供了“過年打烊”“提前收款”等產(chǎn)品功能。

▲ 春節(jié)家書

?

▲ 大促情感關(guān)懷

?

在商家經(jīng)營學(xué)習(xí)場景下，將IP融入各類短視頻、直播類欄目。

▲ 千牛平臺自制欄目

?

如二十四節(jié)氣，當(dāng)商家打開工作臺的時(shí)候，也能感受到不一樣的氣息。色彩上參考了自然界環(huán)境中節(jié)氣的色彩結(jié)合千牛年輕感、親切的形象設(shè)定，形成千牛獨(dú)有的24節(jié)氣表達(dá)。

▲ 二十四節(jié)氣

?

▲ 「千牛發(fā)財(cái)」環(huán)保袋

?

▲ 「千?！官N紙

?

?

寫在最后

這次在B端產(chǎn)品中實(shí)現(xiàn)IP形象升級的設(shè)計(jì)過程，是實(shí)踐也是一次不一樣的設(shè)計(jì)探索。在用戶鏈路中的滲透中，通過數(shù)據(jù)和反饋，我們收獲到的不僅僅是對自己設(shè)計(jì)作品的小小的成就感，反而在這種類型的產(chǎn)品中，IP形象的設(shè)計(jì)可以在哪些地方產(chǎn)生應(yīng)用效果加成？哪些地方要收斂？等得到了不少的寶貴沉淀。

?

這是一個(gè)開始，實(shí)踐也還在繼續(xù)，后續(xù)將會參與進(jìn)更深的業(yè)務(wù)邏輯中，在商家經(jīng)營鏈路中增加更多的節(jié)點(diǎn)，通過IP形象，傳遞關(guān)愛與溫暖，催化平臺與商家的情感萌生，讓這只小牛伴隨商家一起成長。

?