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

lbk60ox 发表于 2024-7-30 00:53:26

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

<img src="https://mmbiz.qpic.cn/mmbiz_gif/cJdbXuIy7kNBEH5SN1KQJDutx7Wrt9sbC6EFzic0FKNg1OugxwhHBk01taXyomdKpWyDCbKhVB18g48z8MVOibsg/640?wx_fmt=gif&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1" style="width: 50%; margin-bottom: 20px;"><img src="https://mmbiz.qpic.cn/mmbiz_png/cJdbXuIy7kNBEH5SN1KQJDutx7Wrt9sb8pl4IFAicaIQujYKOWebXS5XWWFwjia6VoaFR17sVqHeQxd6ekN7MeUg/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Shopify是当今最著名的电子商务系统之一，它让<span style="color: black;">无</span>编程经验的品牌和商家<span style="color: black;">容易</span>创建跨境电商独立站。<span style="color: black;">做为</span> Shopify合作伙伴，TMO推出Shopify跨境独立站实操系列，为您解析Shopify建站、<span style="color: black;">营销</span>、营销、设计等方面的成功要素和实操干货。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">上两篇介绍了<a style="color: black;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">Shopify独立站必要添加的App</span></strong></span></a>、<a style="color: black;"><strong style="color: blue;"><span style="color: black;">Sho</span></strong></a><strong style="color: blue;">pify和Shopify plus怎么选</strong>，<a style="color: black;"><span style="color: black;"><strong style="color: blue;">数字营销本地化</strong></span></a><span style="color: black;"> ，</span>今天<span style="color: black;">咱们</span>来<span style="color: black;">瞧瞧</span>Shopify独立站<span style="color: black;">怎样</span>打造国际化的电商UI设计和UX设计？</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>Shopify搭建品牌商店时，<strong style="color: blue;"><span style="color: black;">是不是</span>仅<span style="color: black;">选择</span>预先设计的模板就能实现转化？高转化的品牌都做对了什么？</strong>本文将从<strong style="color: blue;">品牌定位、主题<span style="color: black;">选取</span>、用户旅程、App<span style="color: black;">弥补</span>功能</strong>几个方面为您解析！</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">1</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">针对国际市场的品牌策略和视觉</strong></span></p><img src="https://mmbiz.qpic.cn/mmbiz_jpg/cJdbXuIy7kNBEH5SN1KQJDutx7Wrt9sbyeKkwTuCykDBXzBIMD2t8RhPQiaHWj3UAMKRgQO5g8ibX0Gm1nmia6IWg/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">相信计划拓展海外市场的品牌，在国内<span style="color: black;">已然</span>取得<span style="color: black;">必定</span>的成绩和经验，<span style="color: black;">亦</span>有相对应的品牌定位。然而，中国品牌出海竞争激烈的欧美等国际市场，初期<span style="color: black;">创立</span>品牌权威、<span style="color: black;">明显</span>个性卖点、取得消费者信任并非易事。针对<span style="color: black;">区别</span>地区市场，<strong style="color: blue;">企业需要重新审视当前的品牌VI和定位<span style="color: black;">是不是</span>符合<span style="color: black;">目的</span>受众的审美和价值观，是否能抓住当地消费者的痛点，并进行本地化的优化，<span style="color: black;">调节</span>品牌策略。</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例如，石头科技（Roborock）<span style="color: black;">做为</span>中国企业，是国际上将激光雷达技术及<span style="color: black;">关联</span>算法大规模应用于智能扫地<span style="color: black;">设备</span>人的<span style="color: black;">行业</span>佼佼者。财报<span style="color: black;">表示</span>，2022年石头科技海外市场录得营业收入34.82亿元，总营收占比52.54%。<strong style="color: blue;">Roborock美国Shopify独立站在设计方面采用了和国内品牌商城截然<span style="color: black;">区别</span>的品牌视觉</strong>，用活力四射的视觉元素<span style="color: black;">明显</span>品牌标识，打出“Rocking life with you”的巧妙口号，<span style="color: black;">运用</span>配色、字体、图标、<span style="color: black;">照片</span>等网页关键元素来传递品牌<span style="color: black;">心情</span>。</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Roborock美国Shopify站点的<span style="color: black;">照片</span>展示尺寸相较于中国网站更大，<span style="color: black;">照片</span>元素呈现更加直接。值得<span style="color: black;">重视</span>的是，品牌出海时应保持对<span style="color: black;">目的</span>市场的文化<span style="color: black;">敏锐</span>度。在出海新市场初期与用户<span style="color: black;">创立</span>信任度，<span style="color: black;">亦</span>需要规划进网页设计中。如在“关于<span style="color: black;">咱们</span>”页面，<span style="color: black;">经过</span>图文、视频等方式，沉浸式讲述品牌故事。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Shopify主题<span style="color: black;">选取</span>：模版or定制</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">选取</span>预设模板或为您的Shopify独立站做定制设计？在决定前，企业要在品牌定位、受众画像清晰的前提下，规划您<span style="color: black;">期盼</span><span style="color: black;">经过</span> Shopify 网页设计重点改进的 KPI。这将对您<span style="color: black;">运用</span>什么样的Shopify 主题、<span style="color: black;">怎样</span>规划网站布局和用户旅程、<span style="color: black;">运用</span><span style="color: black;">那些</span>应用程序来构建网站产生重大影响。<span style="color: black;">重点</span>的KPI<span style="color: black;">通常</span><span style="color: black;">包含</span><span style="color: black;">加强</span>转化率、平均会话<span style="color: black;">连续</span>时间、客户满意度、跳出率等。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">预设模板<span style="color: black;">常常</span>已有既定的设计风格，尽管它<span style="color: black;">准许</span>用户修改如颜色、字体和布局等元素，但结构相对固定。这让您的网站可能<span style="color: black;">拥有</span>相对标准化的外观和用户体验。相对应的，定制化的设计能让您的站点<span style="color: black;">持有</span>独特的外观，UI的<span style="color: black;">每一个</span>元素都<span style="color: black;">能够</span>精心制作，以准确符合品牌身份。与模板<span style="color: black;">区别</span>，完全定制的站点在布局和结构上<span style="color: black;">拥有</span>灵活性，能为品牌打造独一无二的用户旅程和体验。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例如， 中国石头科技为其海外站点采用定制设计，将红色的品牌视觉元素融入电商网站设计的各个角落。在<span style="color: black;">制品</span>介绍页面中，石头科技<span style="color: black;">运用</span>极其丰富的视频、动效、用户交互等，深度展现其智能扫地<span style="color: black;">设备</span>人<span style="color: black;">制品</span>的清洁功能。</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">石头科技海外站点</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">用户滑动<span style="color: black;">就可</span>看到<span style="color: black;">区别</span>的自动化功能动效</span></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">用户可切换<span style="color: black;">白日</span>或黑夜的<span style="color: black;">制品</span><span style="color: black;">运用</span>场景</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">运用定制设计<span style="color: black;">明显</span>品牌个性和视觉的<span style="color: black;">有些</span>海外品牌还<span style="color: black;">包含</span>Rebecca Minkoff、 Holland-Cooper、Kylie Cosmetics。</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">3</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">高转化的Shopify用户旅程优化</strong></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">决定<span style="color: black;">是不是</span><span style="color: black;">研发</span>定制化独立站后，还有许多影响用户体验的关键要素需要<span style="color: black;">重视</span>：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">清晰的页面导航：</strong></span>结构清晰，语义<span style="color: black;">知道</span>，让用户<span style="color: black;">精细</span>快速找到<span style="color: black;">目的</span>页面，进行后续操作。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">促进参与度的用户引导：</strong></span>强调Shopify UX设计中的用户引导，导如个性化<span style="color: black;">制品</span><span style="color: black;">举荐</span>、交叉<span style="color: black;">举荐</span>、引导用户评分及评论等。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">引入评论展示模块：</span></strong>如展示从社交<span style="color: black;">媒介</span>抓取的真实用户评论，加强用户对品牌的信任感。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">简洁的结算流程：</span></strong><span style="color: black;">尽可能</span>减少结算的<span style="color: black;">过程</span>，让用户能快速<span style="color: black;">选取</span>合适的本地化付款方式。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">方便</span>安全的付款过程：</span></strong>跨境电商设计中，让用户安心的付款流程将大幅度促进成功交易。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">优化站点速度：</span></strong><span style="color: black;">选取</span>一个轻量级、代码规范的主题。在<span style="color: black;">保准</span><span style="color: black;">照片</span>质量的<span style="color: black;">状况</span>下，<span style="color: black;">尽可能</span>的优化<span style="color: black;">制品</span><span style="color: black;">照片</span>尺寸和格式。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">移动端UI/UX优化：</span></strong>在有限的屏幕区域中，简化导航，强调<span style="color: black;">知道</span>的<span style="color: black;">行径</span>呼吁按钮，利用点击、滑动等交互方式来更好的优化信息展示层级。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">4</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">运用</span>Shopify App优化UI/UX</strong></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">App<span style="color: black;">能够</span><span style="color: black;">弥补</span>现有主题未实现的功能，<span style="color: black;">提高</span>客户体验。但要<span style="color: black;">重视</span>整合<span style="color: black;">太多</span>应用程序会<span style="color: black;">增多</span>页面加载时间。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">优化用户界面和体验的应用程序<span style="color: black;">重点</span><span style="color: black;">包含</span>一下几个大类：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">客户支持: </strong></span><span style="color: black;">经过</span>在线客服快速<span style="color: black;">处理</span>消费者的疑问。App如BestChat ‑ Live Chat &amp; Chatbot</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">信任和安全：</span></strong><span style="color: black;">通知</span>用户您的隐私政策，并让<span style="color: black;">她们</span><span style="color: black;">选取</span><span style="color: black;">怎样</span><span style="color: black;">运用</span>其数据。App如Shopify Privacy &amp; Compliance</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">照片</span>压缩：</span></strong>优化站点速度。App如VF Image Resizer+</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">站内搜索：</span></strong>定制搜索、筛选和<span style="color: black;">制品</span><span style="color: black;">举荐</span>。如Shopify Search &amp; Discovery</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">制品</span>评论：</span></strong>定制<span style="color: black;">制品</span>评论的展现（如弹窗等）。如Air: Product Reviews app &amp; UGC</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">促销与折扣：</span></strong>快速地定制和安排折扣、促销活动。如Heartcoding Sales &amp; Discounts</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">……</span></strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">更加多</span>类型的App<span style="color: black;">举荐</span>详情，您<span style="color: black;">能够</span>查看<a style="color: black;"><span style="color: black;"><strong style="color: blue;">Shopify跨境独立站有<span style="color: black;">那些</span>必要添加的App？</strong></span></a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">总而言之，跨境电商设计是出海独立站取得成功的重要一环。企业需要<span style="color: black;">思虑</span><strong style="color: blue;">为<span style="color: black;">目的</span>市场<span style="color: black;">调节</span>品牌策略和视觉，以及首要的<span style="color: black;">目的</span>用户<span style="color: black;">行径</span>（KPI）</strong>，以此为导向<span style="color: black;">选取</span>或定制合适的主题，进行电商设计。</p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">TMO Group精通制定</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">Shopify电商策略</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">创意和实施服务</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">并<span style="color: black;">供给</span>上线后的数字营销运营服务</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">为您引流获客，<span style="color: black;">转化<span style="color: black;">营销</span></span></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">点击</span><span style="color: black;"><strong style="color: blue;">「<strong style="color: blue;"><span style="color: black;">阅读原文」</span></strong></strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">查看<strong style="color: blue;">完整服务并联系<span style="color: black;">咱们</span></strong></span></p><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">TMO 成功案例</strong></p><span style="color: black;">‍</span><span style="color: black;">‍</span><a style="color: black;"><span style="color: black;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></span></a><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">

qzmjef 发表于 2024-10-23 17:46:11

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

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