提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
2017年上半年,千圖網(wǎng)進(jìn)行了一次品牌煥新,我們內(nèi)部稱為【火星計劃】,這是一次「產(chǎn)品設(shè)計驅(qū)動」的項目,我以本次Redesign的主導(dǎo)者身份來分享設(shè)計方法與經(jīng)驗,以及分享一些在升級過程中破解困局的方法。
項目背景
千圖網(wǎng)是中國素材最多的網(wǎng)站之一,擁有989萬張作品,每周新增作品11,684張作品,同時擁有4000萬設(shè)計師用戶,平均日活用戶45多萬,我們擁有如此之大的體量(流量與用戶量),但是我們在用戶與市場中的品牌形象確很模糊,未能在市場中找到強(qiáng)烈而明確的位置和口碑認(rèn)知,這正是觸動我們思考并嘗試去「品牌升級」的第一初衷:改變市場和消費者對我們的品牌認(rèn)知,藉由此來同步升級整個產(chǎn)品價值和產(chǎn)品體驗。
為什么要改版升級,老網(wǎng)站存在哪些問題
1. 產(chǎn)品定位發(fā)生改變
千圖網(wǎng)之前一直是打著免費素材下載的口號,用戶的認(rèn)知也是對這個網(wǎng)站只是下載素材的一個工具性網(wǎng)站,2017年,我們把自己定義為廣大設(shè)計師提供創(chuàng)意設(shè)計服務(wù)的一個平臺,同時我們也發(fā)現(xiàn)辦公領(lǐng)域與設(shè)計領(lǐng)域也有很多交集,所以我們的產(chǎn)品定位為:打造國內(nèi)領(lǐng)先的設(shè)計&辦公創(chuàng)意服務(wù)平臺
2.用戶需求升級
用戶除了網(wǎng)站找素材或者模板外,對高質(zhì)量與版權(quán)化的作品的需求更加頻繁了,而且對于辦公方面的需求也有增加,比如PPT模板,簡歷模板,還有新媒體社交平臺的配圖,這些都是新興的需求!
3.品牌定位模糊
4.老版本的視覺問題:
改版升級前的準(zhǔn)備工作
定義問題
1. 品牌問題&困境
升級前,我們團(tuán)隊一起在「在線客服消息記錄」里尋找用戶的挑戰(zhàn)和責(zé)罵,我們收集大量用戶反饋,聚類研究得出,千圖的形象標(biāo)簽:
傳統(tǒng)而落伍、設(shè)計素材、下載站、風(fēng)格陳舊、內(nèi)容雜亂、質(zhì)量參差不齊、廉價夾雜盜版、搜索結(jié)果不準(zhǔn)。
通過把這些問題歸類整理后,我們總結(jié)出的我們品牌的問題:
2. 目標(biāo)用戶群體分層
我們都知道來千圖網(wǎng)的目標(biāo)用戶群體大多是設(shè)計師群體,但是需要更加進(jìn)一步細(xì)分用戶群體,了解用戶行為特性,并且需要對目標(biāo)用戶群體分層,更加個性化的滿足各個層次階段的用戶需求!
通過用研人員的調(diào)查與抽樣典型用戶進(jìn)行一對一線上訪談,同時結(jié)合網(wǎng)站后臺大數(shù)據(jù)的分析發(fā)現(xiàn)我們的目標(biāo)用戶群體有這些:
數(shù)據(jù)來源:于千圖網(wǎng)【互聯(lián)網(wǎng)行業(yè)】-用戶職業(yè)分布報告
綜上,平臺現(xiàn)有用戶中:設(shè)計師群體居多,占了80.8%,
數(shù)據(jù)來源:百度統(tǒng)計
網(wǎng)站目標(biāo)用戶群體整體偏年輕化,年齡主要集中在20—39歲,學(xué)歷集中在高中以上水平。
用戶人群細(xì)分為:
數(shù)據(jù)顯示千圖網(wǎng)平面設(shè)計師、電商設(shè)計師等全行業(yè)設(shè)計師用戶,足足兩千多萬人,他們?nèi)粘ふ覄?chuàng)意靈感、下載成品用以提高效率,同時我們的用戶已經(jīng)滲透到各行各業(yè)的辦公人群,尤其是互聯(lián)網(wǎng)辦公人群、高校師生、黨政辦公人群。
建立簡單的用戶畫像模型
3. 定義品牌
通過前面對于千圖網(wǎng)品牌問題的分析與歸納,并且對網(wǎng)站目標(biāo)用戶群體的細(xì)分,思路用戶的對產(chǎn)品的訴求,我們最終確定了千圖網(wǎng)的品牌定位:國內(nèi)領(lǐng)先的設(shè)計&辦公創(chuàng)意服務(wù)平臺
設(shè)計改版之前,我們分析了品牌問題與困境,細(xì)分了目標(biāo)用戶群體,了解了用戶分布與特性,從而確定了千圖網(wǎng)的品牌定位:國內(nèi)領(lǐng)先的設(shè)計&辦公創(chuàng)意服務(wù)平臺。
通過這些準(zhǔn)備工作,讓我們接下來的品牌升級執(zhí)行更加目標(biāo)明確,清晰,也更加有說服力。
首先,先從「VI 識別」上確定我們的未來形象。結(jié)合品牌部門的語言形象,我們整體透視了千圖網(wǎng)未來的模樣。以「全國領(lǐng)先的設(shè)計&辦公創(chuàng)意服務(wù)平臺」為定位、「輕松設(shè)計,高效辦公」為口號的全新千圖網(wǎng),最先走進(jìn)我們團(tuán)隊成員的腦海。
品牌識別系統(tǒng)(VI)升級策略
1.品牌關(guān)鍵詞的搜索
首先對品牌形象的關(guān)鍵詞發(fā)散:年輕,活力,個性,專業(yè),豐富,激情
最終確定的品牌情感關(guān)鍵詞:年輕,活力,高效
2. 確定品牌主色
通過品牌情感關(guān)鍵詞的提煉,我們知道需要給用戶展示千圖網(wǎng)年輕,有活力,有個性的品牌形象,同時產(chǎn)品設(shè)計體驗上中應(yīng)該是簡潔明了,層次清晰的高效瀏覽體驗。
品牌三原色:視覺與產(chǎn)品重塑理念
活力橙:年輕自然(年輕 就是要改變)個性生機(jī) 繽紛豐富 貼心愉悅
辦公藍(lán): 簡化統(tǒng)一(有限時間 無限可能)高效專注 扁平無框 簡潔緩和
品牌綠:親切突出(今天起 我們更懂你)輕量漸變 呼應(yīng)潮流 高效瀏覽
3.品牌傳播與擴(kuò)散
3.1品牌標(biāo)志組合方式:
3.2品牌輔助圖案延展:
同心圓圖案,代表多元化,豐富性,同時同心圓有無限的可能性,代表創(chuàng)造性與靈感的迸發(fā)!
3.3. 應(yīng)用設(shè)計
產(chǎn)品設(shè)計改版升級策略
設(shè)計體驗方向
根據(jù)公司品牌策略、業(yè)務(wù)、人群的變化,以及千圖網(wǎng)全新的品牌形象相呼應(yīng),我們進(jìn)行千圖網(wǎng)的官網(wǎng)進(jìn)行改版,希望以此更加加大用戶對我們品牌形象與定位的認(rèn)知,同時提升官網(wǎng)的用戶體驗。以設(shè)計部三大策略:認(rèn)知統(tǒng)一、內(nèi)容吸引、品牌基因滲透,作為高層次體驗的指引。
認(rèn)知統(tǒng)一
老網(wǎng)站風(fēng)格陳舊,樣式多樣,沒有統(tǒng)一的視覺規(guī)范與交互規(guī)范,比如網(wǎng)站的頭部樣式就比較多樣,還有一些按鈕的樣式也是五花八門,這次改版通過減少過多結(jié)構(gòu)樣式的表達(dá),保持一定的韻律感和統(tǒng)一性,給用戶內(nèi)容豐富但結(jié)構(gòu)簡明的視覺認(rèn)知。
內(nèi)容至上
當(dāng)今互聯(lián)網(wǎng)行業(yè)的競爭更加聚焦于高品質(zhì)內(nèi)容本身的競爭上了,無論是從短視頻的MCN(國外成熟的網(wǎng)紅經(jīng)濟(jì)運作)模式還是國內(nèi)的各頭條APP的競爭上都不能發(fā)現(xiàn),所以產(chǎn)品設(shè)計體檢中應(yīng)該堅持內(nèi)容至上的原則,除去一切不必要的設(shè)計裝飾元素,減少對用戶干擾,同時從業(yè)務(wù)和用戶角度考慮,打造主次分明,流暢的內(nèi)容瀏覽體驗,以及內(nèi)容的場景化氛圍營造。
品牌基因滲透
為了更好的給用戶傳達(dá)千圖的品牌形象:年輕,活力,高效的形象標(biāo)簽,需要我們把這種品牌基因滲透到我們新改版的官網(wǎng)的各個角落,通過單點設(shè)計元素組成系列形成一套設(shè)計規(guī)范語言,全面鏈路的應(yīng)用設(shè)計樣式/組件DNA,形成千圖產(chǎn)品自身設(shè)計語言風(fēng)格,共建完成統(tǒng)一的視覺體驗,給用戶統(tǒng)一的品牌認(rèn)知。
設(shè)計方案思路
競品分析
競品對象:國內(nèi)的與千圖業(yè)務(wù)模式類似的有昵圖,花瓣,海洛創(chuàng)意,視覺中國,國外的有shutterstock,gettyimages,pinterest
通過對以上競品的分析與信息框架的拆解分析,我們總結(jié)以下幾個點:
1.導(dǎo)航信息有主次等級,只把主要的功能導(dǎo)航展示出來,次要的采用隱藏或者弱化等級(遵循神器的5±2原則,減少用戶的選擇干擾)
2.重搜索功能,頁面呈流線型視覺流,主要以內(nèi)容為驅(qū)動,突出高清精品素材為主
3.頁面適當(dāng)?shù)牧舭祝缓箜撁嬗泻粑型笟飧?,讓頁面瀏覽起來更加高效與愉悅!
如何進(jìn)行官網(wǎng)改版
1.信息框架整理
重新梳理框架結(jié)構(gòu),整理信息層級關(guān)系,做分類歸納與整合
2.視覺統(tǒng)一化系統(tǒng)化
突出品牌調(diào)性,堅持以內(nèi)容為中心的無框設(shè)計
3.制定統(tǒng)一的交互規(guī)范
統(tǒng)一交互樣式,交互規(guī)范
改版中遇到的問
設(shè)計DEMO稿與實際上線效果不符
設(shè)計demo里面的圖片選擇的比較有格調(diào),但是上線后網(wǎng)站素材有900多萬,各種質(zhì)量與風(fēng)格的圖片都有,沒有很好的考慮到真實場景與內(nèi)容的一個情況,讓我們明白要想讓demo稿不只是概念稿就應(yīng)該讓設(shè)計去適應(yīng)內(nèi)容,而不是讓內(nèi)容適應(yīng)設(shè)計,這也是內(nèi)容至上的原則。
小結(jié)
這次改版可以說是一次很大的改動,首先出千圖網(wǎng)品牌形象升級,然后再到網(wǎng)站官網(wǎng)改版升級,在這次大型的以產(chǎn)品設(shè)計驅(qū)動的改版中,也讓自己得到更多的成長,特別是對培養(yǎng)自己的產(chǎn)品設(shè)計思維與團(tuán)隊個協(xié)調(diào)溝通能力都有很大的提升!
千圖網(wǎng)將始終堅持以用戶為中心的價值觀,堅持以內(nèi)容為中心的用戶體驗設(shè)計原則,秉承人人都是用戶體驗設(shè)計師的理念,為我們的用戶解決真正的體驗問題!
2017年,是千圖的革新年,2018,是千圖的蛻變年,讓我們與你一起成長,一起蛻變!
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊