Shopify跨境独立站实操（四）怎么样打造国际化的电商UI/UX设计？

lbk60ox

Shopify是当今最著名的电子商务系统之一，它让无编程经验的品牌和商家容易创建跨境电商独立站。做为 Shopify合作伙伴，TMO推出Shopify跨境独立站实操系列，为您解析Shopify建站、营销、营销、设计等方面的成功要素和实操干货。

上两篇介绍了Shopify独立站必要添加的App、Shopify和Shopify plus怎么选，数字营销本地化 ，今天咱们来瞧瞧Shopify独立站怎样打造国际化的电商UI设计和UX设计？

运用Shopify搭建品牌商店时，是不是仅选择预先设计的模板就能实现转化？高转化的品牌都做对了什么？本文将从品牌定位、主题选取、用户旅程、App弥补功能几个方面为您解析！

1

针对国际市场的品牌策略和视觉

相信计划拓展海外市场的品牌，在国内已然取得必定的成绩和经验，亦有相对应的品牌定位。然而，中国品牌出海竞争激烈的欧美等国际市场，初期创立品牌权威、明显个性卖点、取得消费者信任并非易事。针对区别地区市场，企业需要重新审视当前的品牌VI和定位是不是符合目的受众的审美和价值观，是否能抓住当地消费者的痛点，并进行本地化的优化，调节品牌策略。

例如，石头科技（Roborock）做为中国企业，是国际上将激光雷达技术及关联算法大规模应用于智能扫地设备人的行业佼佼者。财报表示，2022年石头科技海外市场录得营业收入34.82亿元，总营收占比52.54%。Roborock美国Shopify独立站在设计方面采用了和国内品牌商城截然区别的品牌视觉，用活力四射的视觉元素明显品牌标识，打出“Rocking life with you”的巧妙口号，运用配色、字体、图标、照片等网页关键元素来传递品牌心情。

Roborock美国Shopify站点的照片展示尺寸相较于中国网站更大，照片元素呈现更加直接。值得重视的是，品牌出海时应保持对目的市场的文化敏锐度。在出海新市场初期与用户创立信任度，亦需要规划进网页设计中。如在“关于咱们”页面，经过图文、视频等方式，沉浸式讲述品牌故事。

2

Shopify主题选取：模版or定制

选取预设模板或为您的Shopify独立站做定制设计？在决定前，企业要在品牌定位、受众画像清晰的前提下，规划您期盼经过 Shopify 网页设计重点改进的 KPI。这将对您运用什么样的Shopify 主题、怎样规划网站布局和用户旅程、运用那些应用程序来构建网站产生重大影响。重点的KPI通常包含加强转化率、平均会话连续时间、客户满意度、跳出率等。

预设模板常常已有既定的设计风格，尽管它准许用户修改如颜色、字体和布局等元素，但结构相对固定。这让您的网站可能拥有相对标准化的外观和用户体验。相对应的，定制化的设计能让您的站点持有独特的外观，UI的每一个元素都能够精心制作，以准确符合品牌身份。与模板区别，完全定制的站点在布局和结构上拥有灵活性，能为品牌打造独一无二的用户旅程和体验。

例如， 中国石头科技为其海外站点采用定制设计，将红色的品牌视觉元素融入电商网站设计的各个角落。在制品介绍页面中，石头科技运用极其丰富的视频、动效、用户交互等，深度展现其智能扫地设备人制品的清洁功能。

石头科技海外站点

用户滑动就可看到区别的自动化功能动效

用户可切换白日或黑夜的制品运用场景

运用定制设计明显品牌个性和视觉的有些海外品牌还包含Rebecca Minkoff、 Holland-Cooper、Kylie Cosmetics。

3

高转化的Shopify用户旅程优化

决定是不是研发定制化独立站后，还有许多影响用户体验的关键要素需要重视：

清晰的页面导航：结构清晰，语义知道，让用户精细快速找到目的页面，进行后续操作。

促进参与度的用户引导：强调Shopify UX设计中的用户引导，导如个性化制品举荐、交叉举荐、引导用户评分及评论等。

引入评论展示模块：如展示从社交媒介抓取的真实用户评论，加强用户对品牌的信任感。

简洁的结算流程：尽可能减少结算的过程，让用户能快速选取合适的本地化付款方式。

方便安全的付款过程：跨境电商设计中，让用户安心的付款流程将大幅度促进成功交易。

优化站点速度：选取一个轻量级、代码规范的主题。在保准照片质量的状况下，尽可能的优化制品照片尺寸和格式。

移动端UI/UX优化：在有限的屏幕区域中，简化导航，强调知道的行径呼吁按钮，利用点击、滑动等交互方式来更好的优化信息展示层级。

4

运用Shopify App优化UI/UX

App能够弥补现有主题未实现的功能，提高客户体验。但要重视整合太多应用程序会增多页面加载时间。

优化用户界面和体验的应用程序重点包含一下几个大类：

客户支持: 经过在线客服快速处理消费者的疑问。App如BestChat ‑ Live Chat & Chatbot

信任和安全：通知用户您的隐私政策，并让她们选取怎样运用其数据。App如Shopify Privacy & Compliance

照片压缩：优化站点速度。App如VF Image Resizer+

站内搜索：定制搜索、筛选和制品举荐。如Shopify Search & Discovery

制品评论：定制制品评论的展现（如弹窗等）。如Air: Product Reviews app & UGC

促销与折扣：快速地定制和安排折扣、促销活动。如Heartcoding Sales & Discounts

……

更加多类型的App举荐详情，您能够查看Shopify跨境独立站有那些必要添加的App？

总而言之，跨境电商设计是出海独立站取得成功的重要一环。企业需要思虑为目的市场调节品牌策略和视觉，以及首要的目的用户行径（KPI），以此为导向选取或定制合适的主题，进行电商设计。

TMO Group精通制定

Shopify电商策略

创意和实施服务

并供给上线后的数字营销运营服务

为您引流获客，转化营销

点击「阅读原文」

查看完整服务并联系咱们

TMO 成功案例

‍‍

qzmjef

楼主的文章深得我心，表示由衷的感谢！

qzmjef

我深感你的理解与共鸣，愿对话长流。