《跨境电商平台操作》跨境店铺装修

跨境电商平台操作PART03跨境店铺装修CONTENTS目

录1店铺首页布局2店铺装修主要功能3店铺装修模块4店招制作要点5店铺导航设计6店铺Banner布局7店铺Banner设计原则8App端首页框架及设计原则店铺首页布局包括店招、导航店铺页头（页头区）包括产品分类、主推产品店铺产品（内容区）包括通栏广告、优惠券活动促销（内容区）包括客服中心、购物保障、发货须知、品牌故事等店铺页尾（页尾区）首页构成要素店铺首页布局页头内容页尾店铺首页布局

页头区由店铺招牌和导航条两个模块组成。店铺招牌的主要作用是展示店铺的形象和商品定位；导航条则是通道最集中的模块，提供了通往不同商品分类和页面的入口。店铺首页布局

内容区可以划分Banner（轮播图）、产品分类、产品展示、优惠券这几部分。店铺首页布局

店铺装修主要功能03010402降低广告费通过精美的装修布局来吸引买家的注意力，减少广告费用。提高转化率将商品图片与文案融合，形成美观、个性的商品宣传图片，吸引买家认真观看，让买家通过商品宣传图片快速了解商品的主要性能、类型和特点等信息，直至心动购买。传播品牌文化品牌文化是通过视觉来传播的，由此来引起买家对品牌的认知与关注，加深买家对品牌的印象。吸引买家眼球吸引潜在买家的关注，刺激买家对商品产生兴趣利购买欲望，延长买家在网店停留的时间，促使买家产生关联销售。店招制作要点

以速卖通为例，店招在制作过程中要注意店名、主营类目、主推产品、二维码、优惠券、关键词搜索框、促销活动提醒以及店铺的客服服务、物流服务等几大点。店招制作要点

店名，其中重要的就是店铺logo，目前速卖通越来越注重品牌出海，因此店铺logo可用品牌的商标，能够使得消费者收获了良好的品牌认知度。那么在设计店铺logo时，通常使用英文来表示，可以是店铺或者品牌的英文首字母，采用大写或者大小写搭配的方式进行设计。店招制作要点

主营类目代表了店铺主营商品的类目，对于某些类目，涉及的第二级、第三级类目非常多，比如店铺主营类目为“工具”这一类目下，有焊接工具、起重工具、木工工具、测量工具、工具零件、焊接设备等。在店招制作时，即需要考虑店铺的主营类目，并将其通过速卖通平台的类目划分展示出来。店招制作要点

主推产品是在主营类目确定以后，每个类目中会有一些表现比较好的单品，那么便要在店招中体现这些商品。店招制作要点

二维码主要是辅助站外推广，比如Facebook，Twitter、VK等社交媒体，买家可以通过扫描店铺二维码，在社交媒体关注卖家的店铺动态，卖家也可通过社交媒体，与买家进行站外互动，增强粉丝黏性。店招制作要点

若店铺设置了优惠券活动，则可在店招制作过程中体现出来，如满30减3，满50减5等优惠券。以此当买家浏览店铺时，吸引买家下单购买。店招制作要点

关键词搜索框，由于店铺内产品是非常多的，那么在店招中添加搜索框能够为用户提供极大的便利，比如用户在搜索框中输入想要购买的商品——钳子，那么店铺内对应的商品将会展示在买家面前。店招制作要点

促销活动提醒，当店铺参与一些平台大促活动、节假日活动时，可在店招中添加相应的提示。店招制作要点

客户服务及物流服务信息，比如快速发货、免运费、24小时客服、海外仓优势等，以此告知买家，店铺在美国、英国、俄罗斯等地有海外仓，发货速度非常快，买家可能3-5天便能收到商品。导航栏设置

店铺导航栏设计是店铺装修最重要的组成部分之一，它涉及店铺的信息架构、页面布局、用户交互行为等诸多方面。导航栏从本质上讲是一组超级链接，目的是帮助访问者快速准地浏览网站。以阿里巴巴国际站系统导航页为例，包括Home、ProductCategories、CompanyProfile、Contacts

4个官方强制页面及Video、Feeds、Promotion、Member、Custom等多个可选页面。ProductCategoriesCompanyProfileCompanyProfileContactsPromotionCustomVideoHomeFeeds

Member店铺导航设置ProductCategories页，按照“产品分组信息”由系统自动生成，支持编辑。CompanyProfile页，按照“企业信息”由系统自动生成，支持编辑。Contacts页，按照“企业信息”由系统自动生成，支持编辑。Video页，商家可以自主选择是否展示该页，初始页面根据视频产品由系统自动生成，需要满足20个以上的视频产品方可自动生成。Feeds页，初始页面由系统根据粉丝通发布内容自动生成，以鼓励商家多用粉丝通手动发布优质且多样化的内容。不具备粉丝通开通权限的商家也有这个页面，由系统自动抓取内容生成。Promotion页，初始页面是根据折扣信息和优惠券自动生成的。Custom页，即自定义装修页，最多支持10个草稿。自定义页面仅支持PC端展示，不支持无线端展示。

店铺Banner布局

Banner指的是网店页面的横幅广告，也是店铺风格最直观的展现位置，对于营造氛围起着巨大的作用。速卖通店铺中的首页焦点轮播图、促销海报、商品推荐和商品焦点图采用的都是Banner的形式。因为用途广泛，所以Banner成为了产品信息传播的最主要途径之一，也是店铺吸引流量和提高转化率的重要工具。店铺Banner布局主题明确要根据推广目的确定主题，推广的目的不同，Banner的表现形式也就不同。风格统一装修的所有元素都要服务于页面的整体视觉风格，配色和字体也要遵守视觉识别规范。定位精准主要是对于消费群体和价格的定位。图像清晰有关视觉设计的一切图片质量都必须保证是高品质的。制作要点店铺Banner布局两栏结构0102上下结构倾斜结构0503三栏结构组合结构04店铺Banner布局

两栏结构：

采用左图右文或右图左文的两栏结构进行布局。布局方式结构稳重、平衡，商品展示与文案宣传并重，容易让浏览者产生视觉焦点，界面效果强烈且突出。店铺Banner布局上下结构：

上下结构属于两栏结构布局的一种，这种布局方式结构稳定，而且可以形成一个明确的视觉焦点，比较容易突出主题。店铺Banner布局

三栏结构：

更具层次感，服饰、鞋包类需要模特展示的商品适合使用三栏式结构，这种布局方式通常是将文案放在中间，用一侧的近景模特与另一侧的远景模特产生对比和呼应。店铺Banner布局组合结构：

组合式结构是常规三栏结构的一种变化，这种布局方式减少了文案的占用面积，用更多的篇幅展示商品，相对来说，更适合用于促销活动海报。店铺Banner布局倾斜结构：斜切结构的布局会让画面显得时尚且具有动感。有的时候需要让画面平衡，而其他一些时候需要破坏平衡来吸引消费者的注意。店铺Banner设计原则对齐原则相关的内容要对齐，方便用户视线快速移动，一眼看到最重要的信息。聚拢原则将内容分成几个区域，相关内容都聚在一个区域中。留白原则留出一定的空间，这样既减少了banner的压迫感，又可以引导读者视线，突出重点内容。降噪原则颜色过多、字体过多、图形过繁，都是分散读者注意力的”噪音”。重复原则排版时，要注意整个设计的一致性和连贯性，避免出现不同类型的视觉元素。对比原则加大不同元素的视觉差异，这样既增加了banner的活泼,又突出了视觉重点，方便用户一眼浏览到重要的信息。App端首页框架及设计原则App端首页由店铺框架、轮播、视频、产品、主营类目、热区切图等页面装修模块组成。店铺框架即店铺主导航结构，主要由顶部导航、成部导航、店招构成。顶部导航顶部导航由Home首页、Produet产品、Profle公司信息3大固定Tab和第4个可变的Tab构成。店招店招模块展示买家最关注的公司核心信息，包括平台经营年限、是否支持信保、Feed关注人数等信息。底部导航底部导航由Categories(全部宝贝)、SendInquiryChatNow构成。App端首页框架及设计原则页面装修模块首页中部的页面装修模块可以从编辑器直接拖拽入页面后自由组合，有产品、图文、视频、营销、公司5个模块，每个模块包含丰富模块组件，是店铺内容的重要组成部分。产品模块区图文模块区产品模块区包括双排产品、橱窗产品、类目带产品、重点推荐、爆品专区、主营类目、智能商品推荐、无线双列产品、图形化类目导购、产品导购——会员私密品、RTS现货品专区、样品专区12个装修模块。图文模块区包括横幅、无线热区切图、标题3个模块,其中，“无线热区切图”模块是移动端的特色功能，无线端装修支持热区切图模块，提炼强化展示可以为卖家设计个性化的店铺提供足够的自定义空间，以彰显企业实力与优势。App端首页框架及设计原则公司模块区3公司模块区目前仅有1个装修模块，即证书导购。营销模块区2营销模块区包含店铺优惠券、限时折扣、无线单列图片、3D家居场景购几个模块。其中“无线单列图片”模块是无线端的特色功能，一共可添加5个单张图片，每张图可添加一个跳转链接。1视频模块区视频是无线端旺铺首页必备的视觉营销工具，是展示企业及店铺形象及实力的主要方式之一。通过视频生动形象地将企业或产品展示出来，相比平面图片，视频更有助于客户直观地了解产品和企业信息。无线端视频模块包括视频模块、视频带货、视频导购3个细分功能。App端首页框架及设计原则保证页面打开的速度手机端流量的限制，图片如果过大，不仅会浪费用户的流量，还会在很大程度上影响网站的打开速度和运行速度，甚至出现图片打不开的现象。页面信息要简洁，易于传播App端展示信息的面积有限，店铺内容的呈现更是