店鋪視覺設計要讓顧客停留在店鋪首頁的3秒內搞定顧客，那不管是色彩、結構還是陳列方式，一樣都不能放過。推薦大家也看看此文：網店視覺營銷之廣告圖設計

　　

　　我們這次來看的是一家汽車改裝用品店鋪，此類目的用戶群體非常小眾，具備自身的獨特性。從該店的目標用戶群——20～40歲、性格外向喜歡被關注的中青年男性來看，店鋪需要突出的特點是專業和質感。要體現這些，最容易著手的方面就是店鋪視覺。

　　

　　首頁模塊合理搭配

　　

　　店招：主次有別

　　

　　一個店鋪中，只有店招部分是貫穿于整個店鋪的所有頁面，它不光是我們整個的視覺定位，也是我們品牌的詮釋，更是我們對顧客引導的第一步。

　　

　　對于這家店鋪的店招，從視覺上講，設計部分基本沒有，這樣的紅黑搭配其實沒有主次之分，達不到點睛效果。一般來說，我們會有大面積的主色，然后在重要的地方，用輔色點睛出來，達到提醒，示意的效果。

　　

　　在導航上，清晰羅列了商品分類，這對用戶的選擇瀏覽上有很大的幫助。很多商家會在導航上放公司介紹，購物流程之類的信息。但從客戶角度出發，他們來店鋪的目的是選購商品，所以對于用戶來說，分類最重要。因此店招必須以商品分類為主，其他導航為輔。

　　

　　首屏：黃金分割

　　

　　在店鋪首頁中，首屏的位置相當金貴。所以一般都會在首屏放店鋪的活動促銷或是非常有競爭力的產品。首屏內容有限，因此位置的分配尤顯重要。

　　

　　該店首屏左右分欄，這樣的布局相對緊湊，視覺效果會稍弱一些。對于運營能力強，或者活動多的商家比較適用。當然也可以上下結構，上面一張大圖，下面三張小圖。畢竟通欄的圖片讓人感覺大氣，當然相比這個會損失一些頁面的高度，減少了首屏可放內容。如果店鋪活動不多，一個月2個以下活動，那完全不用這么多的廣告位。

　　

　　在廣告位的管理分配上，個人認同短期優惠力度大的活動給予大圖展示，刺激消費者，對于長期，優惠力度一般的活動，可以用輔助小圖展示，節省空間。

　　

　　或許很多賣家更愿意選擇圖片輪播的方式，但仔細分析之后會發現輪播會存在不少問題：第一，圖片輪播意味著增加用戶的等待時間，所有增加用戶時間和操作的事情，都是影響轉化的關鍵因素。第二，因為網速問題導致打開頁面很慢，這會導致顧客看到的第一張圖片可能是輪播中的第二張或者第三張圖片。而對于賣家來說，一般會把促銷力度最大最想讓顧客看到的信息放在第一張。因此，這就意味著如果要讓顧客看到第一張圖片，則要讓他等待十幾秒的時間。在設計要求中，我們不能讓顧客思考超過3秒，更何況這是十幾秒。

　　

　　二屏：購物引導

　　

　　接下來這塊，通過之前對店鋪的分析，我們要給顧客提供最便捷的購物路徑。所以賣家可以把購物引導、商品導航放在這塊。商品分類有很多，如：按品牌分、按價格分、按渠道分、按系列分、按功能分、按人群分等。

　　

　　對于該店的用戶人群來說，內行客戶當然找對口的產品很重要，他們需要的是找對應功能用途的東西。而汽車的每個品牌每種型號配件都不一樣，無論是對內行還是外行來說，按車的品牌或是型號分也非常適用。對于外行人來說，他知道的只是自己車的牌子型號，并不知道自己該買些什么。所以在分類這塊，我們可以分兩類，一個是功能功效，一個是車的品牌或型號。

　　

　　當然在分類這塊，也是比較容易讓人困惑的地方，可以在這加上我們的聯系方式和客服旺旺，在他產生困惑的時候知道去哪找解決辦法。這樣的分類方式也完全可以應用到左側分類當中去。

　　

　　三屏及以下：動態巧搭

　　

　　店鋪第三屏及以下，就是各種產品的呈現。自從淘寶sdk出來以后，店鋪可以實現很多js的動態效果，比如標簽頁、放大鏡、手風琴等。賣家可以根據自身的需求靈活運用，搭配出非常多很實用的效果。

　　

　　上圖是該店熱門產品的推薦，這個將近一屏大小的地方，賣家其實只介紹了一款產品。就好比一件衣服，在這么大的位置展示了8種顏色，實屬浪費。建議這塊選擇的內容可以放到寶貝描述中去，當顧客對這個產品感興趣了，才會去選擇適合自己的款式，顧客不會因為你的款式而選擇你的產品。

　　

　　寶貝詳情裁剪有度

　　

　　對于品牌知名度不是非常大，老客戶、回頭客不是那么多的店鋪來說，買家基本通過商品描述頁進入。所以，寶貝詳情頁的設置也不容忽視。描述頁面的演化從最初的商品介紹到功能功效到品牌介紹到物流發貨到商品推薦搭配推薦，不斷的根據顧客或是賣家自身的認知往里邊加了很多內容。

　　

　　詳情頁內容并不是越多越好，而是根據產品特性和用戶需求合理放置。根據之前對該店用戶和產品的分析，該店鋪的寶貝詳情頁大致可遵循以下結構：

　　

　　1. 主要活動促銷信息（顧客購買催化劑）

　　

　　2. 商品參數及功能（商品基本信息，要有旺旺）

　　

　　3. 資質保證（顧客購買動力）

　　

　　4. 套餐選擇（選擇必備，要有旺旺）

　　

　　5. 商品圖片

　　

　　6. 搭配推薦（推薦相關商品）

　　

　　文字提煉重點

　　

　　可以看到目前店鋪詳情頁的文字部分，雖然有豐富的變色，但純文字的展示絕對會讓買家眼花繚繞，不只所云。對于多文字的展示及重點的把控應該由從視覺上去體驗，舉個列子，如下：

　　

　　左邊純文字的展示，經過設計變成右邊的樣式，突出了文字的重點，同樣是花三秒的時間，左邊的內容很難讓人抓到重點。而右邊非常清晰的告知了顧客，只要關于商品、尺寸、退換貨的問題輕易。

　　

　　圖片陳列多樣化

　　

　　可以看到該店鋪的產品是一張接著一張的圖片成列形式，但事實上并不需要這么多的圖片。賣家可相應地減少相同角度的圖片。另外，可以選擇多樣化的圖片排版模式，而不是直接一張緊挨著一張。這樣不但能減少頁面的高度，還增加了圖片可圖性，既美觀又實用。

　　

　　另外，除了有好的設計外，店鋪的產品圖片拍攝也需要進一步改善。汽車改裝配件的產品，不像服裝類產品注重外觀的設計，而是注重突出商品的功效功能和質量。所以因此，商品的拍攝不需要有花哨的背景，突出產品的質感，細節做工相對更重要，比如可以用簡單的白色背景，多一些細節做工上的圖片，體現質感即可。