如果聊起中國的零售巨頭，我們一定不會忽略天虹商場（現(xiàn)“天虹數(shù)科商業(yè)股份有限公司”）最初所占據(jù)的一席之地。天虹是國有控股的上市公司，自1984年天虹注冊成立后一年，第一家天虹商場——天虹深南店開業(yè)，正式開啟零售業(yè)的征程，成為全國零售業(yè)的先行者之一。

天虹成立的30余年來，歷經(jīng)了經(jīng)濟(jì)發(fā)展的巨大變化所帶來的市場繁榮，這也使消費(fèi)需求多元化成為不可逆的潮流，越來越多中國零售企業(yè)采取了多業(yè)態(tài)發(fā)展戰(zhàn)略，零售市場從過去的百貨商店、副食店一統(tǒng)天下的局面迅速發(fā)展成為多業(yè)態(tài)并存的市場格局。

目錄

01  項(xiàng)目展示

02  天虹品牌分析

03  天虹品牌DNA及核心競爭力

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

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

天虹品牌分析 

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

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

天虹品牌DNA及核心競爭力 

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

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

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

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

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

這樣給訪客加深品牌印象的設(shè)計(jì)不在少數(shù)，例如從“了解更多”進(jìn)入到天虹企業(yè)簡介的Banner以及每個(gè)頁面的底部導(dǎo)航，都有從天虹Logo特征延展出來的圖形設(shè)計(jì)。

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

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

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

大面積的色彩雖然能刺激用戶的視覺感知，但是也可能分散用戶注意力，因此，如果網(wǎng)站有更多資訊閱讀類的內(nèi)容就不適合用過多的色彩，否則會破壞用戶的沉浸體驗(yàn)。

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

在各行各業(yè)競爭日益激烈的當(dāng)下，企業(yè)歷經(jīng)單一的價(jià)格競爭、廣告競爭和產(chǎn)品競爭等方面的競爭之后，企業(yè)的品牌具有區(qū)別和領(lǐng)先于其他競爭對手的獨(dú)特能力，能在市場競爭中展示品牌的內(nèi)在品質(zhì)、技術(shù)、性能和完善服務(wù)，引起消費(fèi)者的品牌聯(lián)想，促進(jìn)其購買行為，因此，品牌競爭力會逐漸成為企業(yè)的核心競爭力。

在現(xiàn)如今的新零售時(shí)代，顧客體驗(yàn)感的提升、用戶和線上+線下移動端多渠道的互動影響，讓企業(yè)核心競爭力不再是孤立的某一個(gè)因素。而天虹30余年以來，能夠保持自身的核心競爭力——品質(zhì)與服務(wù)，這是天虹站在顧客的立場角度，去思考自身企業(yè)真正能夠帶來的價(jià)值，我們專門為此設(shè)計(jì)了一個(gè)【品質(zhì)與服務(wù)】頁面。

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

同時(shí)，加入時(shí)間軸的交互設(shè)計(jì)，更清晰明了地向訪客展示天虹從1987年至今，為顧客保證商品品質(zhì)所付諸的行動，以及所獲得的品質(zhì)認(rèn)證獎(jiǎng)項(xiàng)。

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

在顧客選擇天虹之前，我們運(yùn)用七種顏色的交互動效，展示天虹可以給顧客的七重品質(zhì)保證，每項(xiàng)保證都有針對性的服務(wù)承諾。

這里還有一個(gè)在背后小小的設(shè)計(jì)想法，七種顏色正好對應(yīng)彩虹的顏色，也正好和天虹的“虹”相呼應(yīng)。

為顧客提供服務(wù)過程中，直接列出了天虹五項(xiàng)顧客服務(wù)的基本準(zhǔn)則，體現(xiàn)了天虹為實(shí)現(xiàn)品質(zhì)服務(wù)的切實(shí)行動。

天虹完成服務(wù)之后，分別展示四個(gè)場景、渠道保證顧客無憂售后。

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

天虹不同以往的是新業(yè)態(tài)的改變，要呈現(xiàn)具備科技力的天虹，我們在策劃品牌網(wǎng)站時(shí)要確定這兩大要素：

• Who—天虹的目標(biāo)訪客群體？

• What—天虹正在做什么？

Who 天虹的目標(biāo)訪客群體？

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

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

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

只有讓這四個(gè)目標(biāo)訪客群體瀏覽了天虹的新官網(wǎng)，才能真正實(shí)現(xiàn)向市場展示出一個(gè)嶄新的天虹。

What 天虹正在做什么？

我國社會數(shù)字化轉(zhuǎn)型進(jìn)程的不斷加快，數(shù)字化轉(zhuǎn)型是包括零售企業(yè)在內(nèi)的所有企業(yè)，都繞不開的一個(gè)重大課題，它能夠?yàn)槠髽I(yè)帶來新的發(fā)展機(jī)遇。

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

在為顧客服務(wù)上，天虹零售形式的變革是以交付為主要方向的變革，重塑全渠道零售形式之后，【天虹APP】與【超市數(shù)字化】把到店與到家等零售形式相融合，實(shí)現(xiàn)了顧客“所想即所得”的交付需求，助力了消費(fèi)升級。

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

天虹在進(jìn)行數(shù)字化轉(zhuǎn)型中，還瞄準(zhǔn)了一個(gè)重點(diǎn)是以數(shù)據(jù)驅(qū)動購物百貨運(yùn)營模式的重塑，能夠?qū)崿F(xiàn)原先由人決策、執(zhí)行、協(xié)同，轉(zhuǎn)變?yōu)橛蓴?shù)據(jù)決策、數(shù)據(jù)執(zhí)行與數(shù)據(jù)協(xié)同。

天虹購物百貨的運(yùn)營模式在進(jìn)行數(shù)字化重塑之前，僅是依靠商戶品牌形象+店內(nèi)交易才得以完成交易，在【購百數(shù)字化】的說明中，我們展示了天虹“Before+After" 的數(shù)字化運(yùn)營模式，向訪客充分說明天虹從智能方面尋求新的突破，通過智能設(shè)備與數(shù)據(jù)智能，從而提高了入駐天虹商戶的運(yùn)營效率、降低運(yùn)營成本的重要措施。

我們明白，信息架構(gòu)作為網(wǎng)站交互視覺最底層的支撐，只有骨架搭好，對于用戶的使用體驗(yàn)才能夠有本質(zhì)上的提升。在商戶服務(wù)上，天虹還做到服務(wù)產(chǎn)品化，我們分別從這兩類業(yè)務(wù)入手為訪客做好闡述：

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

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

天虹具體賦能商戶的四項(xiàng)支持，我們遵循整站的簡約風(fēng)格來做展示：

【天虹科技子公司】則直接跳轉(zhuǎn)到靈智數(shù)科的官網(wǎng)，這是由天虹數(shù)字化經(jīng)營中心孵化的數(shù)字化零售SaaS產(chǎn)品，為零售企業(yè)提供數(shù)字化轉(zhuǎn)型方案，這更能表明天虹未來在實(shí)體數(shù)字化深耕的決心。

天虹在購物中心&百貨、超市、便利店的運(yùn)營模式中迅速鋪開數(shù)據(jù)化、信息化、智能化的建設(shè)道路。其中，我們將天虹超市數(shù)字化運(yùn)營細(xì)分為四個(gè)方面，真正做到可觸達(dá)、可交互、可洞察、可追溯。

天虹微喔便利店同樣運(yùn)用線上+線上雙模式，從四個(gè)方面共同打造天虹微喔的品牌力。

在天虹新業(yè)態(tài)的展示中沒有做花哨的視覺和交互設(shè)計(jì)，因?yàn)?strong style="outline:0px;margin:0px;padding:0px;">當(dāng)我們對信息架構(gòu)有足夠的認(rèn)知時(shí)，我們在設(shè)計(jì)頁面時(shí)才能有合理的思考方向，做出正確的設(shè)計(jì)，一家老牌的實(shí)力零售國企的數(shù)字化轉(zhuǎn)型，我們更傾向通過展示一些應(yīng)用場景，將具象化的價(jià)值傳遞給訪客，能簡則簡。

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

消費(fèi)升級時(shí)代的到來，數(shù)字化技術(shù)已經(jīng)與傳統(tǒng)的產(chǎn)品和服務(wù)產(chǎn)生了緊密相連的聯(lián)系，正因有天虹這樣的企業(yè)率先進(jìn)行改變，我們早已能在日常生活中切實(shí)感受到服務(wù)的優(yōu)化和改變。

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

a.更溫暖

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

b.更清晰

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

c.更立體

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

文章來源：站酷 作者：增長超人
分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)