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

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

目錄

01  項目展示

02  天虹品牌分析

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

04  天虹新業態的呈現升級

05  從多維度強化品牌特質

天虹品牌分析 

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

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

天虹品牌DNA及核心競爭力 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

天虹新業態的呈現升級 

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

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

• What—天虹正在做什么？

Who 天虹的目標訪客群體？

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

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

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

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

What 天虹正在做什么？

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

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

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

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

天虹在進行數字化轉型中，還瞄準了一個重點是以數據驅動購物百貨運營模式的重塑，能夠實現原先由人決策、執行、協同，轉變為由數據決策、數據執行與數據協同。

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

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

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

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

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

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

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

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

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

從多維度強化品牌特質

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

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

a.更溫暖

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

b.更清晰

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

c.更立體

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

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

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

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