《跨境电商视觉设计与营销（跨境电商B2B数据运营1+X配套教材》课件07PC端店铺首页设计.pptxVIP

任务一 任务二 任务三 任务四 项目七 PC端店铺首页设计 2-3 提交公司信息与产品信息 7-1 设计店招图片 7-2 发布店铺店招 7-3 导航栏设计与发布 7-4 通览广告设计与发布 2-3 提交公司信息与产品信息 7-5 热区切图设置与发布 店招设计与发布 导航栏设置 通栏广告设置 热区切图 任务五 7-6 首页整体设计 店铺首页整体设计与发布 7-7 店铺背景设置 学习目标 了解PC端店铺首页设计的重要性和装修方法 掌握PC端店铺首页整体设计的方法 掌握PC端店铺首页店招、导航、通栏广告、热区切图各个模块的设计方法 店招设计 知识 梳理 01 1-1 店铺店招设计原则 店招需要直观明确地展示店铺的经营内容及卖点、特点、优势，店招的主要设计原则包括如下3点： （1）视觉重点不宜过多，要放弃无意义的多余元素，用色须简洁（一般不超过3种）； （2）要能凸显品牌特性； （3）需要结合店铺现阶段的情况如营销、配色、主推商品等进行设计。 1-2 店招内容构成 从内容上讲，店招通常包括店铺名称、LOGO、广告语、认证、广告促销等信息。作为店铺中流量最大的一个模块，店招在不影响视觉体验的情况下可以尽可能多地添加有益信息。 1-3 店招的种类 （1）品牌宣传类店招 制作品牌宣传类店招时，首先要考虑的内容是店铺名称、LOGO、广告语等品牌宣传的最基本的内容；其次是联系方式等。 （2）活动促销类店招。 活动促销类店招首先要考虑的因素是活动名称、优惠券、促销产品等活动信息；其次是店铺名称、LOGO、广告语等品牌宣传为主的内容。在气氛设计和内容展示上，活动信息占据较大的篇幅。这类店招在平台举行大型营销活动时商家使用得较多。 1-4 阿里巴巴国际站店招设计视觉规范 阿里巴巴国际站店招图片尺寸为1200像素×280像素， 但图片下方有44像素被导航条遮挡。 【任务1-1】设计店招图片 操作体验 02 【任务1-1】设计店招图片 GNCB贸易公司的设计师Tim需要为该公司阿里巴巴国际站店铺设计新店招，要求该店招符合公司的品牌定位，请和Tim共同完成店招设计。 【任务描述】 【任务7-2】店铺店招的发布 应用实战 03 【任务7-2】店铺店招的发布 GNCB贸易公司的设计师Tim完成了店招图片的设计，现需要上传并发布该店招。 【任务描述】 项目小结 店招设计与发布 本节主要讲解了店招设计与发布。阿里巴巴国际站里的店招设计与发布是通过Photoshop和阿里巴巴国际站后台的店铺管理实现的，可以帮助卖家了解店招设计与发布，改善用户视觉体验，提升店铺档次。 店招设计与发布是增加客户对店铺的心理预期，有效提升店铺的效益的重要手段，及时诊断和优化店铺首页，有利于在瞬息万变的商业竞争中吸引更多客户和商机，关系到店铺及整个公司商业目标的实现，也是整个跨境电商客户访问店铺页面后查看的首个页面，需要不断根据实际运营反馈持续改进的店招设计。 导航设计 知识 梳理 01 2-1 导航的重要性 店铺导航栏设计是店铺装修最重要的组成部分之一，它涉及到店铺的信息架构、页面布局和用户交互行为等诸多方面。导航栏从本质上讲是一组超级链接，目的是帮助访问者快速准确地浏览网站。 2-2 阿里巴巴国际站系统导航页内容 2．阿里巴巴国际站系统导航页包括Home、Product Categories、Company Profile、Contacts４个官方强制页面及Video、Feeds、Promotion、Member、Custom等多个可选页面。 Product Categories页，按照“产品分组信息”由系统自动生成，支持编辑。 Company Profile页，按照“企业信息”由系统自动生成，支持编辑。 Contacts页，按照“企业信息”由系统自动生成，支持编辑。 Video页，商家可以自主选择是否展示该页，初始页面根据视频产品由系统自动生成，需要满足20个以上的视频产品方可自动生成。 Feeds页，初始页面由系统根据粉丝通发布内容自动生成，以鼓励商家多用粉丝通手动发布优质且多样化的内容。不具备粉丝通开通权限的商家也有这个页面，由系统自动抓取内容生成。 Promotion页，初始页面是根据折扣信息和优惠券自动生成的。 Custom页，即自定义装修页，最多支持10个草稿。自定义页面仅支持PC端展示，不支持无线端展示。 2-3 导航的页面顺序 3．导航的页面顺序 Home、Product Categories、Company Profile、Contacts４个官方强制页面，为了保证一致性，这４个页面必须有，且顺序不可调整。 商家可以新增Video、Feeds、Promotion、Member、Custom（自定义）等页面。这几个页面是否呈现