Shopify是當(dāng)今最著名的電子商務(wù)系統(tǒng)之一，它讓沒有編程經(jīng)驗(yàn)的品牌和商家輕松創(chuàng)建跨境電商獨(dú)立站，高效地開展跨境業(yè)務(wù)，助力品牌出海。作為 Shopify合作伙伴，TMO推出Shopify跨境獨(dú)立站實(shí)操系列，為您解析Shopify建站、銷售、營(yíng)銷、設(shè)計(jì)等方面的成功要素和實(shí)操干貨。

上幾篇介紹了Shopify獨(dú)立站必要添加的App、Shopify和Shopify plus怎么選、數(shù)字營(yíng)銷本地化，今天我們來(lái)看看Shopify獨(dú)立站如何打造國(guó)際化的電商UI設(shè)計(jì)和UX設(shè)計(jì)？

出海獨(dú)立站的UI/UX設(shè)計(jì)是商業(yè)成功的重要一環(huán)，它和不同國(guó)家市場(chǎng)用戶對(duì)您品牌的認(rèn)知和購(gòu)物過程中的數(shù)字體驗(yàn)直接相關(guān)。使用Shopify搭建品牌商店時(shí)，是否僅選用預(yù)先設(shè)計(jì)的模板就能實(shí)現(xiàn)轉(zhuǎn)化？高轉(zhuǎn)化的品牌都做對(duì)了什么？本文將從品牌定位、主題選擇、用戶旅程、App補(bǔ)充功能幾個(gè)方面為您解析！

1. 針對(duì)國(guó)際市場(chǎng)的品牌策略和視覺

相信計(jì)劃拓展海外市場(chǎng)的品牌，在國(guó)內(nèi)已經(jīng)取得一定的成績(jī)和經(jīng)驗(yàn)，也有相對(duì)應(yīng)的品牌定位。然而，中國(guó)品牌出海競(jìng)爭(zhēng)激烈的歐美等國(guó)際市場(chǎng)，初期建立品牌權(quán)威、突出個(gè)性賣點(diǎn)、取得消費(fèi)者信任并非易事。針對(duì)不同地區(qū)市場(chǎng)，企業(yè)需要重新審視當(dāng)前的品牌VI和定位是否符合目標(biāo)受眾的審美和價(jià)值觀，是否能抓住當(dāng)?shù)叵M(fèi)者的痛點(diǎn)，并進(jìn)行本地化的優(yōu)化，調(diào)整品牌策略。

例如，石頭科技（Roborock）作為中國(guó)企業(yè)，是國(guó)際上將激光雷達(dá)技術(shù)及相關(guān)算法大規(guī)模應(yīng)用于智能掃地機(jī)器人的領(lǐng)域佼佼者。在海外市場(chǎng)方面，石頭科技重點(diǎn)發(fā)展美國(guó)、歐洲及東南亞市場(chǎng)，銷售成績(jī)喜人。財(cái)報(bào)顯示，2022年石頭科技海外市場(chǎng)錄得營(yíng)業(yè)收入34.82億元，總營(yíng)收占比52.54%，逆勢(shì)增長(zhǎng)之下歐美等地海外市場(chǎng)份額快速提升。Roborock美國(guó)Shopify獨(dú)立站在設(shè)計(jì)方面采用了和國(guó)內(nèi)品牌商城截然不同的品牌視覺，用活力四射的視覺元素突出品牌標(biāo)識(shí)，打出“Rocking life with you”的巧妙口號(hào)，使用配色、字體、圖標(biāo)、圖片等網(wǎng)頁(yè)關(guān)鍵元素來(lái)傳遞品牌情緒。

Roborock美國(guó)Shopify站點(diǎn)的圖片展示尺寸相較于中國(guó)網(wǎng)站更大，圖片元素呈現(xiàn)更加直接。值得注意的是，品牌出海時(shí)應(yīng)保持對(duì)目標(biāo)市場(chǎng)的文化敏感度，如歐美站點(diǎn)的消費(fèi)群像呈現(xiàn)，需注意種族多樣性。也需留意特定顏色在不同地區(qū)的象征意義。在出海新市場(chǎng)初期與用戶建立信任度，也需要規(guī)劃進(jìn)網(wǎng)頁(yè)設(shè)計(jì)中。如在“關(guān)于我們”頁(yè)面，通過圖文、視頻等方式，沉浸式講述品牌故事。亦可增加社交媒體入口，幫助用戶在多渠道建立對(duì)品牌的認(rèn)知。

2.Shopify主題選擇：模版or定制

選擇預(yù)設(shè)模板或?yàn)槟腟hopify獨(dú)立站做定制設(shè)計(jì)？在決定前，企業(yè)要在品牌定位、受眾畫像清晰的前提下，規(guī)劃您希望通過 Shopify 網(wǎng)頁(yè)設(shè)計(jì)重點(diǎn)改進(jìn)的 KPI。 這將對(duì)您使用什么樣的Shopify 主題、如何規(guī)劃網(wǎng)站布局和用戶旅程、使用哪些應(yīng)用程序來(lái)構(gòu)建網(wǎng)站產(chǎn)生重大影響。 主要的KPI一般包括提高轉(zhuǎn)化率、平均會(huì)話持續(xù)時(shí)間、客戶滿意度、跳出率等。

預(yù)設(shè)模板往往已有既定的設(shè)計(jì)風(fēng)格，盡管它允許用戶修改如顏色、字體和布局等元素，但結(jié)構(gòu)相對(duì)固定。這讓您的網(wǎng)站可能具有相對(duì)標(biāo)準(zhǔn)化的外觀和用戶體驗(yàn)。模板的應(yīng)用快速而簡(jiǎn)單，一般能滿足入門級(jí)商家的需求。相對(duì)應(yīng)的，定制化的設(shè)計(jì)能讓您的站點(diǎn)擁有獨(dú)特的外觀，UI的每個(gè)元素都可以精心制作，以準(zhǔn)確符合品牌身份。與模板不同，完全定制的站點(diǎn)在布局和結(jié)構(gòu)上具有靈活性，能為品牌打造獨(dú)一無(wú)二的用戶旅程和體驗(yàn)，這可以包括個(gè)性化的導(dǎo)航、交互元素等。

例如， 中國(guó)石頭科技為其海外站點(diǎn)采用定制設(shè)計(jì)，將紅色的品牌視覺元素融入電商網(wǎng)站設(shè)計(jì)的各個(gè)角落。在產(chǎn)品介紹頁(yè)面中，石頭科技使用極其豐富的視頻、動(dòng)效、用戶交互等，深度展現(xiàn)其智能掃地機(jī)器人產(chǎn)品的清潔功能。用戶不僅能通過滑動(dòng)頁(yè)面觸發(fā)精致的動(dòng)效，甚至可以自行切換白天或黑夜的產(chǎn)品使用場(chǎng)景。如此全面的產(chǎn)品特性展示有助于推動(dòng)用戶的購(gòu)買決定。

石頭科技海外站點(diǎn)，用戶滑動(dòng)即可看到不同的自動(dòng)化功能動(dòng)效

用戶可切換白天或黑夜的產(chǎn)品使用場(chǎng)景 用戶可切換白天或黑夜的產(chǎn)品使用場(chǎng)景

運(yùn)用定制設(shè)計(jì)突出品牌個(gè)性和視覺的一些海外品牌還包括Rebecca Minkoff、 Holland-Cooper、Kylie Cosmetics。

3. 高轉(zhuǎn)化的Shopify用戶旅程優(yōu)化

決定是否開發(fā)定制化獨(dú)立站后，還有許多影響用戶體驗(yàn)的關(guān)鍵要素需要注意：

• 清晰的頁(yè)面導(dǎo)航：結(jié)構(gòu)清晰，語(yǔ)義明確，讓用戶精準(zhǔn)快速找到目標(biāo)頁(yè)面，進(jìn)行后續(xù)操作。
• 促進(jìn)參與度的用戶引導(dǎo)：強(qiáng)調(diào)Shopify UX設(shè)計(jì)中的用戶引導(dǎo)，導(dǎo)如個(gè)性化產(chǎn)品推薦、交叉推薦、引導(dǎo)用戶評(píng)分及評(píng)論等。
• 引入評(píng)論展示模塊：如展示從社交媒體抓取的真實(shí)用戶評(píng)論，加強(qiáng)用戶對(duì)品牌的信任感。
• 簡(jiǎn)潔的結(jié)算流程：盡量減少結(jié)算的步驟，讓用戶能快速選擇合適的本地化付款方式，確保貨幣轉(zhuǎn)換、費(fèi)用說明等不會(huì)使結(jié)算流程冗長(zhǎng)而消耗用戶的耐心。
• 便捷安全的付款過程：跨境電商設(shè)計(jì)中，讓用戶安心的付款流程將大幅度促進(jìn)成功交易。如突出安全付款標(biāo)識(shí)，標(biāo)明分期付款選項(xiàng)、運(yùn)費(fèi)和退換貨規(guī)則等。
• 優(yōu)化站點(diǎn)速度：選擇一個(gè)輕量級(jí)、代碼規(guī)范的主題。在保證圖片質(zhì)量的情況下，盡量的優(yōu)化產(chǎn)品圖片尺寸和格式。刪除任何未使用或多余的App等。
• 移動(dòng)端UI/UX優(yōu)化：在有限的屏幕區(qū)域中，簡(jiǎn)化導(dǎo)航，強(qiáng)調(diào)明確的行為呼吁按鈕，利用點(diǎn)擊、滑動(dòng)等交互方式來(lái)更好的優(yōu)化信息展示層級(jí)。

4. 使用Shopify App優(yōu)化UI/UX

App可以補(bǔ)充現(xiàn)有主題未實(shí)現(xiàn)的功能，提升客戶體驗(yàn)。但要注意整合過多應(yīng)用程序會(huì)增加頁(yè)面加載時(shí)間。

優(yōu)化用戶界面和體驗(yàn)的應(yīng)用程序主要包括一下幾個(gè)大類：

• 客戶支持: 通過在線客服快速解決消費(fèi)者的疑問。App如BestChat ? Live Chat & Chatbot
• 信任和安全：告知用戶您的隱私政策，并讓他們選擇如何使用其數(shù)據(jù)。App如Shopify Privacy & Compliance
• 圖片壓縮：優(yōu)化站點(diǎn)速度。App如VF Image Resizer+
• 站內(nèi)搜索：定制搜索、篩選和產(chǎn)品推薦。如Shopify Search & Discovery
• 產(chǎn)品評(píng)論：定制產(chǎn)品評(píng)論的展現(xiàn)（如彈窗等）。如Air: Product Reviews app & UGC
• 促銷與折扣：快速地定制和安排折扣、促銷活動(dòng)。如Heartcoding Sales & Discounts
• ……

更多類型的App推薦詳情，您可以查看Shopify跨境獨(dú)立站有哪些必要添加的App？。

總而言之，跨境電商設(shè)計(jì)是出海獨(dú)立站取得成功的重要一環(huán)。企業(yè)需要考慮為目標(biāo)市場(chǎng)調(diào)整品牌策略和視覺，以及首要的目標(biāo)用戶行為（KPI），以此為導(dǎo)向選擇或定制合適的主題，進(jìn)行電商設(shè)計(jì)。UI設(shè)計(jì)方面，國(guó)際站點(diǎn)需重視清晰的頁(yè)面布局、明確的導(dǎo)航，和通過視覺元素突出品牌身份。UX設(shè)計(jì)方面，盡量減少主頁(yè)和結(jié)賬之間的頁(yè)面、點(diǎn)擊次數(shù)，同時(shí)從合規(guī)、付款、評(píng)論、訂閱、移動(dòng)優(yōu)化等方面適應(yīng)目標(biāo)市場(chǎng)，打造高效的用戶旅程。

希望本文對(duì)您有所幫助，如果您正在尋找一家提升您的跨境電子商務(wù)增長(zhǎng)的Shopify營(yíng)銷代理商，TMO Group在電子商務(wù)本地化和數(shù)字營(yíng)銷策略方面擁有豐富的經(jīng)驗(yàn)。歡迎了解TMO的Shopify開發(fā)服務(wù)，或者直接聯(lián)系我們！