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

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

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

1. 針對國際市場的品牌策略和視覺

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

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

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

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

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

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

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

石頭科技海外站點，用戶滑動即可看到不同的自動化功能動效

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

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

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

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

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

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

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

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

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

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

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

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