基于視覺營銷視角的移動端網店設計

矯明晨

[摘要]文章從視覺營銷的視角出發，分析了視覺營銷與網店設計的關系，并針對移動端網店的特點剖析了網店的四大功能模塊，并以移動端淘寶網店為例，對網店首頁基本元素設計進行了完整的解析，為網店商家對移動端網店的首頁設計提供了思路和方法借鑒，具有一定的理論和實踐意義。

[關鍵詞]網店設計；視覺營銷；消費者

[DOI]1013939/jcnkizgsc201821138

1引言

隨著智能手機的普及和移動網絡寬帶費用的降低，傳統網店商家和網絡消費者的行為模式已經全面轉移到移動端。統計數據顯示，2017年我國手機網絡購物用戶已經達到506億人，2017年“雙十一”阿里巴巴平臺成交額中90%來自無線端。因此，網店商家非常重視對無線端網店風格、模塊排版、色調、圖片和文字的設計，希望讓網絡消費者進入店鋪就能受到強烈的視覺沖擊，吸引和留住消費者。目前，視覺營銷已經成為提升網店競爭力的重要手段，是促成網店品牌、文化和產品完美融合的銷售利器。

2網店視覺營銷

21視覺營銷

20世紀70年代，“視覺營銷”的概念在美國出現，最初視覺營銷是作為零售戰略中的一環出現的。美國全美零售業協會在將視覺營銷定義為：以達成銷售目標為目的，將視覺呈現技術和展示技術與商品營銷完美結合，把商品提供給市場并完成銷售的方法。現代視覺營銷主要是為消費者提供一種可視化的視覺體驗，通過視覺的刺激進而達到產品銷售和產品推廣的目的。視覺營銷最初主要用于傳統零售領域，通過店面的裝修、陳設、海報、包裝設計等對消費者造成視覺沖擊，從而提升品牌形象，達到促進銷售的目的。

22視覺營銷與網店設計

網絡銷售與傳統銷售最大區別在于網店內的產品，由于消費者無法直接觸碰到，在真實感方面有所欠缺。所以必須通過圖片、視頻和文字的形式讓消費者全方位地了解產品，打消消費者的疑慮。因此，視覺營銷應用得當就可以完成產品基本信息介紹、產品促銷信息傳達和產品真實感體驗的功能，從而提高網店和產品的點擊率和轉化率。移動端網店設計與PC端網店設計相似，但是在店鋪布局、模塊設計和圖片大小方面有所不同，而且移動端的交互特性比PC端更加明顯，在店鋪設計中應該更加重視交互性的設計理念。移動端網店主要是基于智能手機、PAD平板電腦等智能終端布局，整體呈豎版和狹長型，展示頁面從上到下，支持通過手指滑動瀏覽，頁面內的圖片、視頻和其他元素，通過點擊完成打開和關閉，相比PC端網店體驗更加友好。

3移動端網店設計

移動端網店首頁設計可以從店招、海報、商品和菜單等方面進行布局和設計。文章以淘寶網店為例，對手淘店鋪進行分析。

31店招設計

手淘店鋪頂端為店招區域，店招區域集合了店招、店標、店鋪名稱、店內搜索、寶貝分類、店鋪收藏和店鋪導航等模塊于一體。店招區域的位置是固定的，不支持個性化設置。在店鋪設計的重點在于店招設計。店招內容和圖片可以根據不同的店內促銷活動主題、節日主題和淘寶網官方活動主題進行設計制作。店招顏色應與店鋪整體色調風格保持一致，顏色偏亮，以抵消店招區域自帶的暗色過濾效果。店標和店鋪收藏相對比較固定，店標顯示直接來源于PC端網店店標；店鋪收藏如果想引導消費者收藏店鋪，可以在店招圖片內設置文字，引導消費者點擊關注。店內搜索可以自定義預置關鍵詞一個。導航條是手淘店鋪首頁引導，可以根據店鋪需要進行設置，通常主要包括全部寶貝、新品和店鋪微淘等。

32海報設計

店招區域下方是海報區域。輪播海報是最受商家和消費者喜歡的海報形式，可以在單位空間內放置多張海報并設置鏈接功能，支持動態切換，是店內促銷活動和主打產品的最佳展示位置，能夠給進入店內的消費者以直接的感官刺激。輪播海報通常以全屏效果為最佳，可以添加2～4張輪播海報。輪播海報的設計應該根據網店的促銷活動類型進行設置。

（1）提高客單價海報。

以提高客單價為目的的海報設計，應在海報內以“滿就送”“滿就減”突出活動的促銷優惠力度，并標清具體的優惠力度的數字；或者引導消費者以搭配套餐的形式一次性購買多件商品或者成套商品，搭配的產品圖片也要適當突出，并配合相應的文字進行指示。

（2）增加消費者黏性海報。

以增加消費者黏性為目的的海報設計，可以以限時秒殺活動為主題，提前預告活動時間，引導消費者收藏、加購、預付訂金等，通過前期的宣傳，可以有效引導消費者反復進入店鋪瀏覽，提高了商品的點擊率和收藏加購率，一舉多得；吸引老顧客回購和維護老顧客也可以增加消費者黏性，通過海報預告老顧客的專享優惠、會員禮品和抽獎等活動，這類海報設計中可以應用大字體、變形藝術字和明快的顏色進行突出，商品圖片作為輔助。

（3）季節性新品促銷海報。

季節性新品促銷海報是店內輪播海報中使用最多的一種形式，其目的是導購，告訴消費者哪些商品是當季最時尚、最流行的、最應該購買的，目的是將新上市的產品信息傳遞給消費者，讓消費者感到店鋪內的商品是不斷更新的，滿足消費者對新鮮感的需求。新品預告和新品展示是這類海報的目的所在，因此在設計中應烘托出活躍、新鮮的氣氛，但是海報內的產品數量要適當，太多則會引起消費者的選擇障礙，盡量讓消費者在十幾秒內最能看懂促銷活動的內容，在風格上盡量與店鋪整體風格保持一致。

33商品區域設計

商品區域是個性化設計最靈活的區域，可以根據店鋪需求自由設置。商品區域主要分為促銷信息、寶貝分類、優惠券和寶貝展示等諸多模塊。

（1）促銷信息。

由于輪播海報區域放置的海報數量有限，引起其他店鋪活動和促銷信息需要通過商品區域進行設置。可以通過自定義模塊，根據大小需求設置模塊大小、圖片尺寸和商品鏈接。促銷信息應該合理分布在寶貝展示和寶貝分類之間，盡量不要讓促銷海報出現堆積，容易引起消費者的視覺疲勞，長時間的花色海報羅列在一起，強感官刺激會引起消費者的反感和對促銷的不信任。

（2）寶貝分類。

店招區域的寶貝分類是系統自動生成的文字鏈接形式，而商品區域的寶貝分類是支持自定義設計的。可以通過放置寶貝分類的圖片，鏈接到相應的寶貝分類頁面，寶貝分類圖片要做到分類圖片的風格和色調的一致，不要出現色彩的跳躍。分類圖片可以是文字的形式也可以是圖片的形式，其目的在于分類的引導。

（3）優惠券。

優惠券是店鋪中必不可少的模塊，由于系統沒有優惠券模塊的模板，只能通過自定義設計。優惠券的圖片通常以醒目的字體和顏色進行標識，并標清優惠券的金額和使用門檻，通常優惠券的位置在整體店鋪首頁的中上方區域，讓消費者能盡早看到。

（4）寶貝展示。

寶貝展示是在店鋪的中下方區域，主推商品已單行形式顯示，其他商品則以雙行形式顯示。寶貝展示圖片內要包含商品圖片、簡短寶貝標題、寶貝賣點、寶貝價格和立即購買等元素。寶貝展示圖片最好不直接使用商品主圖，而應該在商品主圖的基礎上進行設計，添加必要的元素信息。

34菜單設計

店鋪首頁底端是菜單區域，菜單區域一般由三個主菜單和一個客服功能組成。主菜單中可以根據店鋪需求設置成寶貝分類、店鋪活動和主推寶貝等內容，底部菜單可以定期更換，但是不適合經常變換。主菜單下可設置多個子菜單，一般以設置五個較為合適，過多則打開會占滿屏幕，影響消費者的感官體驗。

4結論

隨著網店競爭的日益加劇，移動端網店設計的質量和效果對網店吸引和留住消費者并獲得競爭力至關重要。文章從視覺營銷的視角出發，分析了視覺營銷與網店設計的關系，并針對移動端網店的特點剖析了網店的四大功能模塊，并以移動端淘寶網店為例，對網店首頁基本元素設計進行了完整的解析，為網店商家對移動端網店的首頁設計提供了思路和方法借鑒，具有一定的理論和實踐意義。

參考文獻：

[1]孫悅，張向先，郭順利基于信息生態鏈理論的網店信息傳遞效率評價研究[J].情報科學，2017，35（5）：145-149，176.

[2]陳仙都網店店面設計中的色彩應用[J].電子商務，2017（4）：56-58，92.