即使使用一流的工具,如果沒(méi)有明確的設(shè)計(jì)清單和想法,設(shè)計(jì)過(guò)程也很容易脫離我們的設(shè)想。那么我們需要為建站做什么準(zhǔn)備呢?
點(diǎn)擊這里,了解更多設(shè)計(jì)!同時(shí)還可以領(lǐng)取BigCommerce15天免費(fèi)試用券
1.主頁(yè)。
2.類(lèi)別頁(yè)面。
3.產(chǎn)品登陸頁(yè)面。
4.結(jié)帳頁(yè)面。
5.關(guān)于我們。
6.搜索欄和搜索結(jié)果頁(yè)面。
7.帳戶(hù)注冊(cè)和登錄表格。
8.電子郵件訂閱表格。
讓我們一一解決所有這些問(wèn)題。
1.主頁(yè)。
主頁(yè)是與潛在客戶(hù)之間的第一個(gè)接觸點(diǎn),也可以將其視之為我們?cè)诰€(xiàn)業(yè)務(wù)的店面。一般來(lái)說(shuō)打開(kāi)頁(yè)面的三秒就會(huì)給人留下印象,所以我們要謹(jǐn)慎選擇主頁(yè)的設(shè)計(jì)。
高性能電子商務(wù)主頁(yè)通常都具備以下元素:
? 在標(biāo)題或側(cè)邊欄部分刪除產(chǎn)品類(lèi)別;
? 主打產(chǎn)品或當(dāng)前優(yōu)惠的主圖(或圖片滑塊顯示優(yōu)惠);
? 推薦產(chǎn)品、熱門(mén)商品或產(chǎn)品類(lèi)別的策劃展示;
? 進(jìn)入和退出彈出窗口或粘性?xún)?yōu)惠以保留。
不過(guò),上面的結(jié)構(gòu)不是被分割開(kāi)的。主頁(yè)外觀(guān)的的決定性因素是我們所涉及的行業(yè)和客戶(hù)的偏好。
例如,Jeni冰淇淋會(huì)立即提示購(gòu)物者是要從當(dāng)?shù)厣痰暧嗁?gòu)?fù)赓u(mài)還是全國(guó)快遞。
來(lái)源:Jeni's
2.分類(lèi)頁(yè)面。
頁(yè)面分類(lèi)有助于整合你的產(chǎn)品并且進(jìn)行優(yōu)化。在數(shù)字化的時(shí)代,客戶(hù)需要即時(shí)信息。尤其是當(dāng)他們使用移動(dòng)設(shè)備時(shí)更是如此。因此,我們需要設(shè)置“快速訪(fǎng)問(wèn)”來(lái)提升他們的購(gòu)物體驗(yàn)。
除了對(duì)用戶(hù)體驗(yàn)至關(guān)重要之外,頁(yè)面分類(lèi)還需要針對(duì)SEO (搜索引擎優(yōu)化)進(jìn)行優(yōu)化。不正確的SEO可能會(huì)導(dǎo)致內(nèi)容重復(fù)并削弱我們的頁(yè)面搜索結(jié)果中的排名。所以需要確保每個(gè)頁(yè)面:
? 具有描述性的、對(duì)SEO友好的URL;
? 具有用于類(lèi)別描述的獨(dú)特文本;
? 在邏輯上適合整體信息架構(gòu);
? 具有用于對(duì)產(chǎn)品建議進(jìn)行排序的附加過(guò)濾器。
Natori遵循所有這些原則,為買(mǎi)家創(chuàng)造愉快的瀏覽體驗(yàn):
來(lái)源: N ATORI
3.產(chǎn)品頁(yè)面。
產(chǎn)品頁(yè)面設(shè)計(jì)對(duì)于電子商務(wù)尤為重要。無(wú)論您是銷(xiāo)售T恤 還是輪胎,如果產(chǎn)品頁(yè)面看起來(lái)一般,流量和轉(zhuǎn)化數(shù)字永遠(yuǎn)只會(huì)維持在一個(gè)很一般的程度。所以,產(chǎn)品頁(yè)面必須具有以下特點(diǎn):
? 高質(zhì)量的產(chǎn)品照片;
? 產(chǎn)品規(guī)格:名稱(chēng)、顏色、尺寸、價(jià)格、主要功能;
? 購(gòu)買(mǎi)并保存以備后用;
? 詳細(xì)的產(chǎn)品說(shuō)明 ;
? 客戶(hù)評(píng)論;
? 相關(guān)產(chǎn)品(追加銷(xiāo)售和交叉銷(xiāo)售)。
然后,也可以添加一些額外的功能——優(yōu)惠倒數(shù)計(jì)時(shí)器、視頻或 AR 演示等等!
4.結(jié)帳頁(yè)面。
根據(jù)Baymard Institute的說(shuō)法, 許多因素會(huì)促使客戶(hù)放棄結(jié)賬:
資料來(lái)源:貝瑪?shù)卵芯克?/span>
我們可以通過(guò)改進(jìn)結(jié)帳頁(yè)面的外觀(guān)和付款流程來(lái)防止客戶(hù)流失。
? 為首次購(gòu)物者啟用“訪(fǎng)客結(jié)賬”,并在他們完成購(gòu)買(mǎi)后提示他們可以注冊(cè)帳戶(hù);
? 減少必填表單字段的數(shù)量。平均而言,電子商務(wù)網(wǎng)站在結(jié)賬流程中 有12.8個(gè)字段 。但是您可以通過(guò)6到8個(gè)字段捕獲需要的所有客戶(hù)數(shù)據(jù);
? 清楚地列出您接受的所有付款方式(例如借記卡或信用卡、Apple Pay、PayPal);
? 在結(jié)賬前告知所有可能的費(fèi)用。您可以放置彈窗,提示訪(fǎng)問(wèn)者“免費(fèi)送貨”的門(mén)檻是什么。在產(chǎn)品定價(jià)中加入手續(xù)費(fèi),在結(jié)賬前自動(dòng)增加相應(yīng)的的稅費(fèi)。
5.關(guān)于我們頁(yè)面。
不要將“關(guān)于(About us)”頁(yè)面視為事后的想法,尤其是在B2B電子商務(wù)中。因?yàn)?/span>52%的企業(yè)買(mǎi)家 表示,他們想在供應(yīng)商網(wǎng)站上看到的第一件事就是“關(guān)于我們”頁(yè)面。
有很多方法可以為電子商務(wù)公司制作一個(gè)有吸引力的“關(guān)于我們”頁(yè)面 :
? 講一個(gè)關(guān)于產(chǎn)品的故事;
? 介紹你的團(tuán)隊(duì);
? 展示您的公司價(jià)值觀(guān);
? 解釋用戶(hù)如何操作;
? 談?wù)勀愕臍v史;
? 或者展示你未來(lái)的愿景。
在設(shè)計(jì)方面,保持文本簡(jiǎn)短和重點(diǎn)。避免推銷(xiāo)和CTA,但要使用優(yōu)秀的團(tuán)隊(duì)和產(chǎn)品視覺(jué)效果來(lái)賦能你的故事。
6.搜索結(jié)果頁(yè)面。
較大的電子商務(wù)商店需要仔細(xì)考慮現(xiàn)場(chǎng)搜索體驗(yàn)。
要?jiǎng)?chuàng)建出色的現(xiàn)場(chǎng)搜索體驗(yàn):
? 使搜索欄易于發(fā)現(xiàn)。
? 建議自動(dòng)完成。
? 提供拼寫(xiě)錯(cuò)誤的詞匯的結(jié)果。
? 使用分析個(gè)性化搜索結(jié)果。
? 支持圖像搜索和文本查詢(xún)。
7.帳戶(hù)注冊(cè)和登錄表格。
不要在登錄表單上花太多時(shí)間。它們應(yīng)該簡(jiǎn)短、漸進(jìn)且無(wú)摩擦。要求購(gòu)物者首先提供基本信息(電子郵件/通行證),或者甚至使用他們的社交帳戶(hù)之一登錄。注冊(cè)過(guò)程中的每一個(gè)額外步驟都會(huì)增加流失的機(jī)會(huì)。注冊(cè)完成后請(qǐng)求運(yùn)輸和賬單詳細(xì)信息。為了方便,你可以讓用戶(hù)保存他們的信息以便下次使用。
8.電子郵件通訊表格。
優(yōu)秀的電子商務(wù)郵件營(yíng)銷(xiāo)活動(dòng) 可以為您的網(wǎng)站帶來(lái)重復(fù)流量并最大限度地提高轉(zhuǎn)化率。但在營(yíng)銷(xiāo)之前,您需要建立您的電子郵件列表。為了吸引訂閱,請(qǐng)將您的通訊方式放在首頁(yè)的顯眼位置,并在頁(yè)腳區(qū)域保留一個(gè)粘性或彈出式版本。為了留住首次購(gòu)物者,您還可以為訂閱提供小幅折扣。
點(diǎn)擊領(lǐng)取BigCommerce15天免費(fèi)試用券,開(kāi)始你的建站設(shè)計(jì)之旅!
(編輯:江同)
以上內(nèi)容僅代表作者本人觀(guān)點(diǎn),不代表雨果跨境立場(chǎng)!如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與雨果跨境取得聯(lián)系。