項(xiàng)目背景

天虹零售行業(yè)數(shù)字化轉(zhuǎn)型正在如火如荼的進(jìn)行，產(chǎn)品線(xiàn)的擴(kuò)張讓目標(biāo)客戶(hù)發(fā)生了變化，反觀消費(fèi)人群對(duì)天虹的印象，仍然停留在天虹僅是一家老牌的實(shí)力零售國(guó)企的形象，天虹這次找到我們進(jìn)行官網(wǎng)改版，目的就在于此——在保留品牌DNA的同時(shí)，實(shí)現(xiàn)新業(yè)態(tài)的呈現(xiàn)升級(jí)，向市場(chǎng)展示一個(gè)嶄新的天虹。

下滑查看建站過(guò)程↓

天虹品牌分析 

過(guò)去幾年，天虹不斷在全渠道方向轉(zhuǎn)型，突破傳統(tǒng)購(gòu)物模式，踐行數(shù)字化、體驗(yàn)式、供應(yīng)鏈三大業(yè)務(wù)戰(zhàn)略，大力發(fā)展線(xiàn)上線(xiàn)下一體化的智慧零售商業(yè)模式。如今，它更把自己定位為一家提供生活解決方案的服務(wù)商。

天虹零售行業(yè)數(shù)字化轉(zhuǎn)型正在如火如荼的進(jìn)行，產(chǎn)品線(xiàn)的擴(kuò)張讓目標(biāo)客戶(hù)發(fā)生了變化，反觀消費(fèi)人群對(duì)天虹的印象，仍然停留在天虹僅是一家老牌的實(shí)力零售國(guó)企的形象，天虹這次找到我們進(jìn)行官網(wǎng)改版，目的就在于此——在保留品牌DNA的同時(shí)，實(shí)現(xiàn)新業(yè)態(tài)的呈現(xiàn)升級(jí)，向市場(chǎng)展示一個(gè)嶄新的天虹。

品牌DNA及核心競(jìng)爭(zhēng)力 

天虹自2008年確定新的品牌戰(zhàn)略以來(lái)，始終將“親和、信賴(lài)、享受生活”的品牌核心價(jià)值貫徹到底，天虹從事零售行業(yè)，貼近生活的脈搏，與生活息息相關(guān)，更是以“分享生活之美”作為企業(yè)使命。

品牌DNA不可復(fù)制，我們率先從品牌的視覺(jué)資產(chǎn)切入，計(jì)劃在天虹新官網(wǎng)具體的視覺(jué)設(shè)計(jì)元素上，例如圖標(biāo)、顏色、配圖等，結(jié)合品牌強(qiáng)化天虹DNA記憶符號(hào)，讓記憶符號(hào)給訪(fǎng)客在視覺(jué)、“觸覺(jué)”等感官上加深印象。

一進(jìn)入天虹的新官網(wǎng)，首屏上，一句“天虹，分享生活之美”的slogan配合自動(dòng)播放的短視頻，點(diǎn)明了天虹十余年以來(lái)一直堅(jiān)持的品牌使命，天虹對(duì)自己品牌核心價(jià)值的闡述，也穿插在新官網(wǎng)的各個(gè)版塊中。

把品牌基因融進(jìn)網(wǎng)站

天虹的品牌Logo是一抹橙色極簡(jiǎn)的彩虹形狀，同時(shí)也是一絲紐帶，意在構(gòu)建一座通往利益相關(guān)者之間的橋梁，營(yíng)造和客戶(hù)之間平等、親和、互相信賴(lài)的客群關(guān)系。

在首屏接著往下，一句精簡(jiǎn)的文案充分闡述了“天虹，分享生活之美”的品牌使命，同時(shí)應(yīng)用了天虹logo一抹橙色極簡(jiǎn)的“彩虹”元素，把品牌基因融進(jìn)網(wǎng)站交互與視覺(jué)設(shè)計(jì)，能讓用戶(hù)自然地產(chǎn)生與品牌間的聯(lián)想，加深品牌印象。

色彩是一個(gè)非常重要的品牌基因。從品牌色延展的色彩方案貫穿應(yīng)用到網(wǎng)站中，是最為常用的建立品牌印象的方法。

用品牌色作為組件和高亮色自然是不用多說(shuō)的：

但是，色彩并非越豐富越好，過(guò)于豐富反而會(huì)干擾訪(fǎng)客對(duì)網(wǎng)站內(nèi)容的吸收，我們根據(jù)品牌調(diào)性控制好品牌色的應(yīng)用數(shù)量，有時(shí)候單色或者雙色的配色方案更能形成突出的風(fēng)格和印象。

天虹企業(yè)“溫度”

“分享生活之美”的主旨在網(wǎng)站中更多的表現(xiàn)在配圖上，除了剛剛展示的首頁(yè)視頻，我們還在各個(gè)版塊穿插了不同生活場(chǎng)景中有溫度的圖片素材，這些圖片素材流露出專(zhuān)注、有朝氣和親和力的氛圍，一定會(huì)讓訪(fǎng)客對(duì)天虹的好感油然而生。

多維度呈現(xiàn)天虹品質(zhì)與服務(wù)

天虹30余年以來(lái)，能夠保持自身的核心競(jìng)爭(zhēng)力——品質(zhì)與服務(wù)，這是天虹站在顧客的立場(chǎng)角度，去思考自身企業(yè)真正能夠帶來(lái)的價(jià)值，我們專(zhuān)門(mén)為此設(shè)計(jì)了一個(gè)【品質(zhì)與服務(wù)】頁(yè)面。

在品質(zhì)上，除了闡述天虹一直貫徹并強(qiáng)調(diào)的經(jīng)營(yíng)理念，以及一直以來(lái)的踐行，我們通過(guò)呈現(xiàn)權(quán)威的認(rèn)證證書(shū)、六項(xiàng)質(zhì)量大數(shù)據(jù)以及天虹的質(zhì)量管理規(guī)范，更強(qiáng)有力的證明天虹品質(zhì)。

在服務(wù)上，我們分為顧客選擇天虹的服務(wù)之前、天虹服務(wù)顧客時(shí)、完成服務(wù)之后這三個(gè)步驟，明確說(shuō)明天虹可以向顧客保證的服務(wù)品質(zhì)。

在顧客選擇天虹之前，我們運(yùn)用七種顏色的交互動(dòng)效，展示天虹可以給顧客的七重品質(zhì)保證，每項(xiàng)保證都有針對(duì)性的服務(wù)承諾。這里還有一個(gè)在背后小小的設(shè)計(jì)想法，七種顏色正好對(duì)應(yīng)彩虹的顏色，也正好和天虹的“虹”相呼應(yīng)。

天虹新業(yè)態(tài)的呈現(xiàn)升級(jí)

天虹不同以往的是新業(yè)態(tài)的改變，要呈現(xiàn)具備科技力的天虹，我們?cè)诓邉澠放凭W(wǎng)站時(shí)要確定這兩大要素：

· Who—天虹的目標(biāo)訪(fǎng)客群體？

· What—天虹正在做什么？

1.天虹的目標(biāo)訪(fǎng)客群體？

一個(gè)網(wǎng)站的誕生，是為了服務(wù)特定的用戶(hù)，在網(wǎng)站設(shè)計(jì)階段，產(chǎn)品經(jīng)理通常需要把網(wǎng)站設(shè)計(jì)構(gòu)想和思路提交給產(chǎn)品研發(fā)團(tuán)隊(duì)、視覺(jué)和交互設(shè)計(jì)團(tuán)隊(duì)進(jìn)行網(wǎng)站的設(shè)計(jì)開(kāi)發(fā)，我們的設(shè)計(jì)開(kāi)發(fā)團(tuán)隊(duì)如何才能清晰理解訪(fǎng)客的真實(shí)需求？

那么，除了網(wǎng)站需求文檔、原型圖為主，還要把用戶(hù)畫(huà)像作為輔助說(shuō)明，讓我們?cè)O(shè)計(jì)團(tuán)隊(duì)成員在設(shè)計(jì)網(wǎng)站的過(guò)程中，對(duì)網(wǎng)站目標(biāo)訪(fǎng)客群體有一個(gè)更形象化的認(rèn)識(shí)。我們?cè)谶@不做對(duì)訪(fǎng)客基本人物屬性的分析，而是主要分析訪(fǎng)客的使用場(chǎng)景以及訪(fǎng)客故事，從而對(duì)網(wǎng)站版塊、訪(fǎng)客體驗(yàn)、訪(fǎng)客通過(guò)網(wǎng)站完成任務(wù)時(shí)的瀏覽路徑進(jìn)行設(shè)計(jì)。

經(jīng)過(guò)一系列的訪(fǎng)客畫(huà)像分析，我們可以肯定的是，擴(kuò)張了產(chǎn)品線(xiàn)之后的天虹，新官網(wǎng)的目標(biāo)訪(fǎng)客也會(huì)面向更多群體，因此我們將會(huì)從這四個(gè)應(yīng)用場(chǎng)景來(lái)決定建站方向：

2.天虹正在做什么？

對(duì)于天虹這樣的零售企業(yè)來(lái)說(shuō)，便是借助數(shù)字化技術(shù)提升企業(yè)的運(yùn)營(yíng)效能、降低企業(yè)運(yùn)營(yíng)成本，構(gòu)建新的數(shù)字化環(huán)境下新的商業(yè)模式是最終目的。在【智慧零售】版塊，正式介紹天虹數(shù)字化轉(zhuǎn)型發(fā)展的新業(yè)態(tài)。

我們?cè)趯?duì)應(yīng)的展示版塊，附上相對(duì)應(yīng)的使用場(chǎng)景圖片，以及天虹APP、天虹小程序的二維碼，更有利于訪(fǎng)客即刻體驗(yàn)由單一的到店交付，到到家等多場(chǎng)景的便捷交付。

在【購(gòu)百數(shù)字化】的說(shuō)明中，展示了天虹“Before+After" 的數(shù)字化運(yùn)營(yíng)模式，向訪(fǎng)客充分說(shuō)明天虹從智能方面尋求新的突破。

在商戶(hù)服務(wù)上，我們分別從【平臺(tái)業(yè)務(wù)】和【數(shù)據(jù)業(yè)務(wù)】這兩類(lèi)業(yè)務(wù)入手為訪(fǎng)客做好闡述：

平臺(tái)業(yè)務(wù)：天虹在自己構(gòu)建的平臺(tái)上為商戶(hù)提供各種經(jīng)營(yíng)工具及服務(wù)管理方案；

數(shù)據(jù)業(yè)務(wù)：天虹會(huì)提供海量數(shù)據(jù)集成展示的看板給商戶(hù)。

多維度強(qiáng)化品牌特質(zhì) 

我們團(tuán)隊(duì)通過(guò)品牌梳理進(jìn)行本次天虹官網(wǎng)的改版，從天虹的品牌DNA、核心競(jìng)爭(zhēng)力以及升級(jí)新業(yè)態(tài)的呈現(xiàn)等多個(gè)維度來(lái)強(qiáng)化品牌特質(zhì)和傳遞品牌價(jià)值。我們?cè)谛鹿倬W(wǎng)做到對(duì)三個(gè)方面的升級(jí)，真正做到向市場(chǎng)展示一個(gè)親和力與科技力并存的新天虹：

a.更溫暖

天虹從事零售行業(yè)，以“親和、信賴(lài)、享受生活”作為品牌核心價(jià)值，更是以“分享生活之美”作為企業(yè)使命，與我們的生活息息相關(guān)。在天虹新官網(wǎng)里，我們呈現(xiàn)了更多有溫度的生活化應(yīng)用場(chǎng)景，讓天虹的形象更貼近用戶(hù)，更貼近生活的脈搏。

b.更清晰

天虹的數(shù)字化新業(yè)態(tài)轉(zhuǎn)型、品牌符號(hào)和視覺(jué)形象在新官網(wǎng)更清晰有力的傳達(dá)給各個(gè)訪(fǎng)客群體。天虹作為一家成立至今已有30余年的老牌零售國(guó)企，我們更傾向于謙虛地闡述天虹的營(yíng)銷(xiāo)理念，保持良好的信息層級(jí)可以讓整體的瀏覽體驗(yàn)感更好，而不是對(duì)品牌展示的過(guò)度包裝。

c.更立體

網(wǎng)站設(shè)計(jì)的過(guò)程是先發(fā)散后收斂，我們?cè)趧?dòng)手畫(huà)原型、寫(xiě)文檔之前，需要進(jìn)行大量的思考和調(diào)研訪(fǎng)客實(shí)際的瀏覽邏輯究竟是怎樣的，也就是回歸應(yīng)用場(chǎng)景。在天虹新官網(wǎng)的建設(shè)中，我們確定四個(gè)目標(biāo)訪(fǎng)客群體來(lái)指導(dǎo)網(wǎng)站布局設(shè)計(jì)的方向，其中【洽談合作】、【投資者關(guān)系】與【人才發(fā)展】版塊的設(shè)計(jì)，讓天虹誠(chéng)信、分享、創(chuàng)新和開(kāi)放的形象更加立體，訪(fǎng)客或許會(huì)因此對(duì)天虹多一份信賴(lài)。

增長(zhǎng)超人為客戶(hù)做的從來(lái)都不僅僅是一個(gè)網(wǎng)站，而是為企業(yè)提供從營(yíng)銷(xiāo)策劃到落地的一整套互聯(lián)網(wǎng)解決方案。網(wǎng)站只是一個(gè)載體，我們真正的價(jià)值在于能夠幫助企業(yè)找到正確的競(jìng)爭(zhēng)優(yōu)勢(shì)，扭轉(zhuǎn)高成本低轉(zhuǎn)化的現(xiàn)狀，實(shí)現(xiàn)營(yíng)收增長(zhǎng)。

上線(xiàn)網(wǎng)址：www.rainbow.cn