為了提升用戶的使用體驗，并提升產品轉化效率，很多時候，團隊人員需要做好改版設計，比如優化首頁設計，提升首頁的分流或流轉效率。這篇文章里，作者就結合案例，分享了PC首頁改版的經驗和流程，一起來看看吧。

B端業務涉及的范圍比較廣，做一次體驗升級，往往不是一蹴而就。這次體驗升級的項目是衫海精B端服裝供貨平臺，有PC/APP/小程序三端，本次改版也分了3期來進行，分別是pc首頁改版、pc整體體驗流程優化、多端體驗流程優化。

一、改版背景

衫海精B端服裝供貨平臺，是面向服裝商家的在線選款平臺并提供發貨履約服務，商家在線選款-鋪貨到店鋪-處理訂單-網倉完成發貨-網倉負責售后，可實現零庫存賣貨。

現階段需要投流，吸引更多小商家來選款，需要保障商家進入后在無客服幫助的情況下，順暢地使用，所以進行了一次整體體驗升級。

二、改版目標

這次改版希望達成幾個目標：

1. 提升首頁的分流、轉化效率。
2. 客戶使用產品流程清晰、操作高效。
3. 多端體驗整體上統一，并保留各端特點。

三、首頁改版

第一篇我們先來看看衫海精首頁改版，分成三個部分。

1. 體驗問題分析，來源于客戶反饋和設計師體驗走查。
2. 競品分析，同類型產品拆分幾個重要緯度進行分析，并輸出設計策略。
3. 優化方案，前后對比。

1. 體驗問題分析

客戶反饋：

1. 市場不全，只放了幾個核心市場，客戶常采購的市場沒有放出來，客戶不好找款。
2. 不方便批量選款，效率較低。

體驗走查發現問題：

1. 首頁可逛內容比較少，露出的款比較少，且吸引力不夠。
2. 服裝客戶一般都有主營，男裝、女裝、童裝，在零售商沒有設置主營的情況下混推，不能擊中目標客戶。
3. 客戶一般比較關注新品，新品未在首屏露出。
4. 平臺有一批款好、供應及時的優質供應商，但是對優質供應商的曝光較少。
5. 為你推薦的商品太少。

2. 競品分析

競品選擇了幾家主要做服裝供應的平臺，從貨源范圍、導航、欄目、樓層動線、快捷選款幾個方面分析了競品。

貨源范圍與導航，幾家競品都是部分地區貨源、男裝、女裝、童裝覆蓋，所以它們多數一級導航為貨源地，二級導航為主營類目，由于衫海精是提供全國貨源，不強調地區，全國的好貨都能選，所以將主營作為一級導航，市場、類目、風格作為輔助導航。

欄目，幾家競品有商品緯度欄目、檔口/工廠/市場緯度欄目，衫海精目前只有商品緯度的欄目，缺少檔口/工廠緯度的，可以補齊，方便商家從檔口/工廠緯度選款。

樓層動線，幾家競品樓層動線將商品緯度和檔口緯度的樓層穿插，而衫海精目前只有商品樓層，沒有檔口緯度樓層，缺少對檔口的曝光。

快捷選款，幾家競品基本支持快捷選款，不支持批量鋪戶，但批量鋪貨是客戶提的需求，準備也做上。

總結各家特點，基于衫海精的特點，總結出在導航、欄目、樓層動線、快捷選款幾個方面的設計策略。

3. 優化方案

優化方案從頁面動線、導航、樓層、欄目、快捷/批量選款幾個方面出發。

• 新增一級導航主營類目來組織內容，商家可以針對性的選款。
• 二級導航新增市場導航，按地區區分，方便客戶到常采購的市場選款。
• 增加了優質檔口樓層，給優質供應商更多的曝光。
• 首屏增加了爆品推薦，為優質款式提供更多曝光。
• 將新品樓層上移，保障新品在首屏露出，并對最近上新的檔口進行曝光。
• 新增找檔口欄目，補充檔口/工廠緯度的欄目。
• 商品卡片優化，hover顯示銷售數據和更多操作，可一鍵加入我的款式庫，批量選款/上架。
• 為你推薦可向下滾動加載更多商品。

本篇從體驗問題分析、競品分析、優化方案幾個方面，介紹了衫海精首頁的改版，下一篇我們接著看衫海精選款-上架-訂單處理-售后，整體體驗流程的優化。