為了提高店鋪轉(zhuǎn)化率，本文主要是討論分析了豬八戒平臺“店鋪首頁”改版的問題。enjoy~

項目概況

項目名稱：“豬八戒網(wǎng)”XX科技店鋪首頁改版

項目周期：2017.11.01-2017.11.08

項目背景：近兩個月以來店鋪的用戶瀏覽量大幅下降，導(dǎo)致十月與十一月沒有幾單成交量，故針對此種現(xiàn)象對店鋪?zhàn)龀鲆恍└陌嬲{(diào)整來嘗試解決問題。

問題因素

• 因豬八戒網(wǎng)在近期做出了網(wǎng)站大幅改版，所以可能用戶進(jìn)入到店鋪的位置發(fā)生變化。
• 豬八戒網(wǎng)改版后增加了很多店鋪的入口，相對比上一版的豬八戒網(wǎng)大多都是直接進(jìn)入到服務(wù)詳情頁面，此版本把店鋪首頁更提升一個層度。

問題洞察

• 戰(zhàn)略層：隨著公司發(fā)展和戰(zhàn)略調(diào)整，原有店鋪樣式不足夠吸引用戶點(diǎn)擊店鋪。
• 范圍層：現(xiàn)有產(chǎn)品和業(yè)務(wù)過于廣泛，沒有針對某款業(yè)務(wù)做為主營項目，原有基本技術(shù)不能滿足用戶對產(chǎn)品嚴(yán)格的把控。
• 結(jié)構(gòu)層：原有流程制度不夠明確，僅僅注重業(yè)務(wù)的速度，不注重業(yè)務(wù)的質(zhì)量，對整體架構(gòu)、信息層級和體驗(yàn)考慮較少。隨著公司的發(fā)展和店鋪業(yè)務(wù)擴(kuò)展，接下來我們內(nèi)部需要重視項目的結(jié)構(gòu)和信息層級，優(yōu)化用戶體驗(yàn)流程。
• 框架層：店鋪細(xì)節(jié)不夠重視，“看案例”頁面案例不夠多。
• 表現(xiàn)層：原有店鋪層級混亂，內(nèi)容層級區(qū)分不夠清晰無重點(diǎn)，視覺效果太強(qiáng)，客戶容易忽略服務(wù)商的服務(wù)問題，應(yīng)減輕視覺效果，加強(qiáng)說明效果。

改版方向及目的

根據(jù)以上分析，從公司戰(zhàn)略及客戶需求出發(fā)，基于人性本能原則。

本方案改版的方向是：明確公司主營業(yè)務(wù)方向，提高店鋪的用戶瀏覽清晰化、提升細(xì)節(jié)體驗(yàn)，重塑平臺視覺形象，來達(dá)到讓訪問店鋪的用戶能夠咨詢客服，近一步詢問詳情的目的，從而提高店鋪轉(zhuǎn)化率。

競品分析

本次調(diào)查分析了兩家在豬八戒App行業(yè)做的比較好的店鋪，來作為店鋪首頁改版的參考，分別為晟軒科技、木奇科技。（本分析只分析店鋪首頁設(shè)計，不分析其他因素）

• 晟軒科技：晟軒科技一直是豬八戒服務(wù)商里領(lǐng)頭羊，無論是成交單量還是成交額一直都是遙遙領(lǐng)先其他店鋪，能夠讓雪球越滾越大相信也是有一定戰(zhàn)略的，所以把他作為分析對象。
• 木奇科技：木奇科技則是近半年來的一匹黑馬，開始在豬八戒行業(yè)里占據(jù)很多單的成交量，最近也開始投放大筆資金在推廣上面，所以也作為分析對象。

? ? ? ? ? ? ? 晟軒科技（左側(cè)）業(yè)界大哥；木奇科技（右側(cè)）業(yè)界黑馬

以上分別為兩個店鋪的簡易示意圖，從以上圖中可以清晰的看到兩個店鋪的介紹內(nèi)容及閱讀時間都有一些差距，晟軒科技內(nèi)容多，相對的閱讀時間較長，而木奇科技介紹內(nèi)容較少，相對閱讀時間較短，簡潔明了，兩個店鋪層級表達(dá)清晰，能讓用戶清楚的知道每個模塊想表達(dá)什么。

圖中顏色相同的框內(nèi)均表示兩家店鋪共有的相似模塊，以下對這些共同模塊做出分析。

（1）輪播圖Banner

此處為店鋪中最顯眼的位置，用戶到店鋪中第一眼看到的內(nèi)容，兩家店鋪分別都把這個重要的位置給了兩個主題：

• 業(yè)界資歷深，表明從事這個行業(yè)多少年，并被豬八戒網(wǎng)授予“高級服務(wù)商的稱號”。
• 此處表明我們公司，團(tuán)隊，對項目負(fù)責(zé)。

（2）能做什么

此處為用戶第二處能夠看到的模塊，清晰表明我家能為用戶提供什么服務(wù)。

（3）關(guān)于我們

此處介紹公司情況，主要目的是讓客戶對公司放心，讓客戶信任。有幾點(diǎn)可以表明：

1. 鋪大量獲獎；
2. 員工、公司參加活動或獲獎?wù)掌?/li>
3. 公司環(huán)境照片。要讓用戶覺得真實(shí)的，而不是只有我們覺得是真實(shí)的。

（4）擅長做哪些領(lǐng)域及案例展示

這里表明一下市場上主流行業(yè)項目都做過，有成熟的案例和解決方案，增加雇主與店鋪合作的意向。案例這里需要展示清楚，簡單明了，放太多太雜亂會讓用戶看不進(jìn)去。

（5）立即咨詢

立即咨詢尤為重要，當(dāng)用戶看完覺得滿意有意向的時候，要提醒用戶在右側(cè)可以有專門服務(wù)人員對您做出解答。木奇科技店鋪首頁，在最上邊粉色模塊，特意突出了咨詢引導(dǎo)，也是遵從人性的惰性，求簡性。有一些用戶點(diǎn)進(jìn)店鋪之后不想花費(fèi)時間來了解店鋪，更直接的要上線案例或者詢問詳情及價格，而且我們最終的目的也是為了讓用戶能夠聯(lián)系我們客服人員。在整體介紹完以后再次引導(dǎo)用戶聯(lián)系客戶，這里尤為重要。（文字可以不那么生硬，讓用戶有意向就可以問，可以談?wù)勀愕南敕ㄔ贈Q定做什么。）

（6）合作伙伴/誰選擇了我們

合作伙伴是能增加用戶好感度的一個模塊，在電商領(lǐng)域及金融領(lǐng)域都尤為重要，這里必須要有體現(xiàn)，能大量增加用戶的信任感。這里個人對合作伙伴和誰選擇了我們做一個個人解讀，合作伙伴是說明我們公司與那些公司合作過，因?yàn)樘^廣義所以會給人一種不信服感。而誰選擇了我們，則強(qiáng)烈的表達(dá)了，哪些公司選擇我們店鋪?zhàn)鲰椖?，對雇主與服務(wù)商之間表達(dá)關(guān)系更清晰。

（7）不共同的點(diǎn)

木奇主推了三個App的行業(yè)項目，并表明都有哪些功能。晟軒則是更多介紹他們的優(yōu)勢和特點(diǎn)，流程規(guī)范，開發(fā)經(jīng)驗(yàn)足，安全，嚴(yán)格內(nèi)測，售后完整，在最后結(jié)尾加了一個完整交易流程。木奇介紹更多的是項目案例，而晟軒介紹更多的是自己公司。

改版過程

舊版存在的問題：

1. 層級不清晰，容易讓用戶看不進(jìn)去。
2. 不夠簡潔，案例展現(xiàn)方式不夠明朗。展現(xiàn)的信息太多，太雜，看著不夠?qū)I(yè)。
3. 不夠突顯咨詢引導(dǎo)。

以上三點(diǎn)都是經(jīng)調(diào)查身邊朋友得出的結(jié)論。

新版優(yōu)化設(shè)想：讓模塊與模塊之間有連貫性，引導(dǎo)用戶一步步看下去。

即：進(jìn)店鋪后，看這個店有沒有我想要的→這個店的環(huán)境怎么樣→有沒有我喜歡的哪款→服務(wù)怎么樣→有沒有跟我想要的哪款成型的→是否只有我一個人來買→該怎么購買→是否有實(shí)體店

• 從細(xì)節(jié)上改變一些文案（改變文案是提升用戶體驗(yàn)性價比最高且效果還不錯的方法）。
• 視覺上達(dá)到層次清晰明了，加強(qiáng)文字說明效果，突出重點(diǎn)，弱化和剔除無關(guān)信息。
• 案例展現(xiàn)弱化背景，突顯內(nèi)容（可放在樣機(jī)內(nèi)或純色背景內(nèi)）。
• 突顯想客服咨詢，引導(dǎo)用戶與客服溝通。
• “看案例”頁可添加一些案例使其頁面飽滿。
• 強(qiáng)調(diào)公司各項的真實(shí)性，以此來增加用戶的信服感。
• 整體篇幅不宜過長，簡單直觀的介紹一下店鋪，彰顯實(shí)力就可以。

以上就是本次店鋪首頁改版的主要方向設(shè)想，下面附上改版后的大致示意圖。

本人剛從事產(chǎn)品崗位不久，希望各位前輩指出問題，本人一定認(rèn)真思考。感謝！

本文由 @苦盡甘來 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。