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

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

目錄

01  項目展示

02  天虹品牌分析

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

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

05  從多維度強化品牌特質

天虹品牌分析 

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

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

天虹品牌DNA及核心競爭力 

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

品牌DNA不可復制，我們率先從品牌的視覺資產切入，計劃在天虹新官網具體的視覺設計元素上，例如圖標、顏色、配圖等，結合品牌強化天虹DNA記憶符號，讓記憶符號給訪客在視覺、“觸覺”等感官上加深印象。

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

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

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

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

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

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

但是，色彩并非越豐富越好，過于豐富反而會干擾訪客對網站內容的吸收，我們根據品牌調性控制好品牌色的應用數量，有時候單色或者雙色的配色方案更能形成突出的風格和印象。

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

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

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

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

在品質上，除了闡述天虹一直貫徹并強調的經營理念，以及一直以來的踐行，我們通過呈現權威的認證證書、六項質量大數據以及天虹的質量管理規(guī)范，更強有力的證明天虹品質。

同時，加入時間軸的交互設計，更清晰明了地向訪客展示天虹從1987年至今，為顧客保證商品品質所付諸的行動，以及所獲得的品質認證獎項。

在服務上，我們分為顧客選擇天虹的服務之前、天虹服務顧客時、完成服務之后這三個步驟，明確說明天虹可以向顧客保證的服務品質。

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

這里還有一個在背后小小的設計想法，七種顏色正好對應彩虹的顏色，也正好和天虹的“虹”相呼應。

為顧客提供服務過程中，直接列出了天虹五項顧客服務的基本準則，體現了天虹為實現品質服務的切實行動。

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

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

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

• Who—天虹的目標訪客群體？

• What—天虹正在做什么？

Who 天虹的目標訪客群體？

一個網站的誕生，是為了服務特定的用戶，在網站設計階段，產品經理通常需要把網站設計構想和思路提交給產品研發(fā)團隊、視覺和交互設計團隊進行網站的設計開發(fā)，我們的設計開發(fā)團隊如何才能清晰理解訪客的真實需求？

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

經過一系列的訪客畫像分析，我們可以肯定的是，擴張了產品線之后的天虹，新官網的目標訪客也會面向更多群體，因此我們將會從這四個應用場景來決定建站方向：

只有讓這四個目標訪客群體瀏覽了天虹的新官網，才能真正實現向市場展示出一個嶄新的天虹。

What 天虹正在做什么？

我國社會數字化轉型進程的不斷加快，數字化轉型是包括零售企業(yè)在內的所有企業(yè)，都繞不開的一個重大課題，它能夠為企業(yè)帶來新的發(fā)展機遇。

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

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

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

天虹在進行數字化轉型中，還瞄準了一個重點是以數據驅動購物百貨運營模式的重塑，能夠實現原先由人決策、執(zhí)行、協同，轉變?yōu)橛蓴祿Q策、數據執(zhí)行與數據協同。

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

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

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

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

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

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

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

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

在天虹新業(yè)態(tài)的展示中沒有做花哨的視覺和交互設計，因為當我們對信息架構有足夠的認知時，我們在設計頁面時才能有合理的思考方向，做出正確的設計，一家老牌的實力零售國企的數字化轉型，我們更傾向通過展示一些應用場景，將具象化的價值傳遞給訪客，能簡則簡。

從多維度強化品牌特質

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

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

a.更溫暖

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

b.更清晰

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

c.更立體

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

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

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務