為了提升用戶的使用體驗(yàn)，并提升產(chǎn)品轉(zhuǎn)化效率，很多時(shí)候，團(tuán)隊(duì)人員需要做好改版設(shè)計(jì)，比如優(yōu)化首頁(yè)設(shè)計(jì)，提升首頁(yè)的分流或流轉(zhuǎn)效率。這篇文章里，作者就結(jié)合案例，分享了PC首頁(yè)改版的經(jīng)驗(yàn)和流程，一起來看看吧。

B端業(yè)務(wù)涉及的范圍比較廣，做一次體驗(yàn)升級(jí)，往往不是一蹴而就。這次體驗(yàn)升級(jí)的項(xiàng)目是衫海精B端服裝供貨平臺(tái)，有PC/APP/小程序三端，本次改版也分了3期來進(jìn)行，分別是pc首頁(yè)改版、pc整體體驗(yàn)流程優(yōu)化、多端體驗(yàn)流程優(yōu)化。

一、改版背景

衫海精B端服裝供貨平臺(tái)，是面向服裝商家的在線選款平臺(tái)并提供發(fā)貨履約服務(wù)，商家在線選款-鋪貨到店鋪-處理訂單-網(wǎng)倉(cāng)完成發(fā)貨-網(wǎng)倉(cāng)負(fù)責(zé)售后，可實(shí)現(xiàn)零庫(kù)存賣貨。

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

二、改版目標(biāo)

這次改版希望達(dá)成幾個(gè)目標(biāo)：

1. 提升首頁(yè)的分流、轉(zhuǎn)化效率。
2. 客戶使用產(chǎn)品流程清晰、操作高效。
3. 多端體驗(yàn)整體上統(tǒng)一，并保留各端特點(diǎn)。

三、首頁(yè)改版

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

1. 體驗(yàn)問題分析，來源于客戶反饋和設(shè)計(jì)師體驗(yàn)走查。
2. 競(jìng)品分析，同類型產(chǎn)品拆分幾個(gè)重要緯度進(jìn)行分析，并輸出設(shè)計(jì)策略。
3. 優(yōu)化方案，前后對(duì)比。

1. 體驗(yàn)問題分析

客戶反饋：

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

體驗(yàn)走查發(fā)現(xiàn)問題：

1. 首頁(yè)可逛內(nèi)容比較少，露出的款比較少，且吸引力不夠。
2. 服裝客戶一般都有主營(yíng)，男裝、女裝、童裝，在零售商沒有設(shè)置主營(yíng)的情況下混推，不能擊中目標(biāo)客戶。
3. 客戶一般比較關(guān)注新品，新品未在首屏露出。
4. 平臺(tái)有一批款好、供應(yīng)及時(shí)的優(yōu)質(zhì)供應(yīng)商，但是對(duì)優(yōu)質(zhì)供應(yīng)商的曝光較少。
5. 為你推薦的商品太少。

2. 競(jìng)品分析

競(jìng)品選擇了幾家主要做服裝供應(yīng)的平臺(tái)，從貨源范圍、導(dǎo)航、欄目、樓層動(dòng)線、快捷選款幾個(gè)方面分析了競(jìng)品。

貨源范圍與導(dǎo)航，幾家競(jìng)品都是部分地區(qū)貨源、男裝、女裝、童裝覆蓋，所以它們多數(shù)一級(jí)導(dǎo)航為貨源地，二級(jí)導(dǎo)航為主營(yíng)類目，由于衫海精是提供全國(guó)貨源，不強(qiáng)調(diào)地區(qū)，全國(guó)的好貨都能選，所以將主營(yíng)作為一級(jí)導(dǎo)航，市場(chǎng)、類目、風(fēng)格作為輔助導(dǎo)航。

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

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

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

總結(jié)各家特點(diǎn)，基于衫海精的特點(diǎn)，總結(jié)出在導(dǎo)航、欄目、樓層動(dòng)線、快捷選款幾個(gè)方面的設(shè)計(jì)策略。

3. 優(yōu)化方案

優(yōu)化方案從頁(yè)面動(dòng)線、導(dǎo)航、樓層、欄目、快捷/批量選款幾個(gè)方面出發(fā)。

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

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