跨境电商实务-项目2-选品与视觉设计

视觉设计视觉设计原理速卖通店铺装修提高图片质量详情页优化的方法一、视觉设计原理视觉设计要传递准确的信息视觉设计要包含足够的信息量视觉设计要符合买家的阅读习惯和审美要求视觉设计能引导买家产生购买行为符合买家的阅读习惯：视觉是有一定的选择性的，尤其是在接收信息的过程，视觉注意体现的选择性具有强烈的指向性和转移性；了解了“F形”阅读习惯后，进行网页设计时就要注意：买家不会逐字阅读，一定要把重要的内容放在左上侧。符合买家的审美要求审美标准“少及是多”，只需要必要的元素，表达最核心的信息。除了“少及是多”的标准外，对齐也是很重要的，同样的设计内容是否达到“对齐标准”，将影响最终的视觉表现。页面整洁，产品突出那如何开始设计工作？思考设计目的策划页面结构准备设计素材多观察平台优质店铺的设计和设计网站1.思考设计目的当接到一个设计任务时，不要着急动手制作，先思考将要设计的内容应该发挥的作用，比如一个产品页面所起到的作用应该有：信息传达清晰且准确最大限度地展示产品的美观性、功能性让客户更积极且更方便的下单购买。2.策划页面结构在策划页面结构时可以使用线框图的形式，画线框图可以表达设计者的思路，也方便于设计师交流，设计线框图可以用纸笔、Word等各种方式来实现。3.准备设计素材设计素材主要包括产品照片，文案，品牌logo和装饰性素材。产品尽量选择高像素、拍摄角度满足设计需求的图片，比如服装需要细节图，3C类产品需要功能图等等；文案包括营销文案，活动文案和产品文案4.多观察平台优质店铺的设计和设计网站多观察平台优质店铺的设计和设计网站，有助于开阔我们的眼界，我们只有紧跟随当前的设计潮流，才能不断创新一些设计网站如表2-2所示：常用的设计网站中国设计网：/

大作：/searchnew.htm站酷：/

Pinterest：Dribbble:Howdesign:

二、店铺装修及管理页面页面基础装修步骤：进入店铺装修页面新增页面填写页面名称选择模板设计店招设计轮播图等广告图选择产品列表页面进行布局排版进入店铺装修，首先我们可以点击店铺导航栏中的店铺装修及页面管理导航，然后我们点击“开始装修”按钮。如上图所示：2.当我们点击“装修页面”后，如图2-44所示，我们可以独立装修无线端与PC端的页面布局（当我们只设置了pc端的页面时，无线端的客户看到的画面就会不清晰，影响购物体验）3.点击“新增页面”如图所示，我们需要填写页面名称，我们可以只在英文栏里填写自己的页面名称，然后点击“翻译”，我们就可以得到同步的翻译名称。（如果有自己熟悉的语言，也可以自由更改翻译）4.填写完“页面名称”后，我们就可以自由选择模板来创建自己想要的页面了，如图所示：APP端统一宽度：750px最高高度：960px特别：店招：高度：固定240px双列图文：宽度：固定351pxPc端常用宽度：1200~1920px最高高度：1080px特别：店招：logo：72*（72-640）自定义背景图：1920*90px轮播图：1920*（640~750）px双列图文：588px图文模块的作用和规范尺寸店招:店招就如同实体店的招牌，通常店招上面会有店铺名称，logo等内容，买家在看见店招后会对店铺有一个大体的印象。轮播海报:

图片尺寸：PC：宽度1920固定值，高度640-750区间值无线：宽度750固定值，高度0-960区间值图片链接：请填写域名下https协议的链接热区图文PC：宽度1200~1920px，高度不超过1080px无线：宽度750固定值，高度0-960区间值主要支持在图片上设置超链，双击可新增热区模块，热区模块也可支持任意拉大拉小单列图文PC：宽度1200px，高度不超过1080px无线：宽度750固定值，高度0-960区间值可以在图片下面添加文案描述双列图文PC：宽度588px，高度不超过1080px无线：宽度351px，高度0-960区间值同单列图文一样新品新品模块不可编辑。系统会基于算法自动向买家推荐最适合的上新产品，实时千人千面透出务必保证1个月内已发布4个以上的新产品。若上新产品不足4个，此模块自动隐藏排行榜排行榜默认展示整店前三个热卖产品（按最近3个月销量排序），引导买家购买店铺爆款。猜你喜欢猜你喜欢模块不可编辑系统会基于算法自动向买家推荐最适合的产品，实时千人千面透出产品列表分为自动选品和手动选品，一共可选24个产品智能分组智能分组模块不可编辑。系统会基于算法自动向买家推荐最适合的产品分组，实时千人千面透出。务必保证您已设置3个以上的产品分组。若产品分组不足3个，此模块会自动隐藏。营销主图（仅服饰行业展现）非必填，应用于搜索或者推荐list中，上传的情况，展示营销主图，如果没有上传的情况下，默认展示商品图的第一张主图，营销图（又称第7张图）规范要求点此查看尺寸：长图，比例恒定（750*1000px）图片质量要求系统模板注意点：定时发布——增加页面编辑后一周内定时发布功能。首页&自定义页升级至新装修后台（自定义页无法设置为首页），品闪活动页仍使用老版装修后台。所有图文类模块图片支持JPG、png图片格式，大小不得超过2MB。在同一组的要求一组内的图片高度必须完全一致，其中我们也可以点击自带的在线制作功能进行制作。店铺的装修分为自定义与模板装修，装修完的页面保存完后可到我的也面进行管理可预览、页面名称的修改、复制页面与复制页面链接等。产品主图是买家在输入关键词或者类目搜索产品后第一眼看到的产品信息，主图的质量往往会直接影响产品的浏览量。在设计主图时应该准确反映出品牌和产品性能。图片效果分为两个维度：通过主图提升曝光点击率通过六张图片提升浏览转化率三、提高图片的质量速卖通产品主图尺寸要求是不小于800px×800px的正方形图片，可以展现6张主图，产品图片占主图的70%以上，LOGO统一放在图片左上角，避免出现中文和水印，要突出产品的重要卖点。主图的背景色使用纯白色或纯色，白底主图优势明显：风格简洁、清晰，产品主体突出，没有其他干扰买家注意力的背景装饰，在店铺产品页面展示时整体视觉效果显得更整洁、干净。主图的再一步优化：

1.做主图的时候，可以引入热销和热搜元素，比如材质，颜色，风格等等；2.时尚类目可以引入模特主图，功能性产品可以引入使用场景图等等；3.做一些与众不同的图，有创意的图，引发卖家的好奇心，比如主图上放入视频添加播放按钮标志；4.多图、多细节图字体大小清晰、图文分离表达；图片比例饱满、图片占屏宽的三分之二；不要加水印、文字及边框字体大小清晰、图文分离表达②图片比例饱满、图片占屏宽的三分之二，如图所示④不要加水印、文字及边框建议商品的图片上不要加文字、水印，水印影响图片的美观，文字的话，在无线端可能根本看不清楚是什么，放了意义不大，反而影响美观。至于店铺和品牌的LOGO，可以放在商品的角落，以不挡住商品为基本要求，同时，建议一个店铺内的LOGO都放在统一的位置，有利于提升质感，加强买家的认识。边框建议不放，在无线的搜索和List结果页，加了边框的话，商品特别丑，对引流有负面的影响。④不要加水印、文字及边框文字部分内容，如图所示●字体iOS：opensansAndroid：robot●大小使用阅读清晰字体，避免变形、潦草字形，最小字号不得小于26px●颜色字体颜色对比明显，例白底黑字、黑底白字●字数精简卖点，一段文字的内容不要超过三行，一般用户阅读大量信息的时候都是跳跃式阅读，一段文案段落过多，不会仔细阅读。四、提高产品详情页的方法详情页如何实现高转化，一直以来都是困扰各位小伙伴的一个难题。网上的产品，看得见，摸不着，想让客户了解我们的产品，甚至是认同我们的产品，详情页无疑是我们要特别把握好的重要环节。今天，我们重点了解一下，如何才能做好产品详情页，实现旺铺的高效转化。下面，我们主要分为四个点进行分析。精准定位传播准确的产品信息赢取买家信任适当的产品关联1.精准定位产品详情风格定位产品详情页风格的定位，对产品来说至关重要。产品详情页的风格要以产品的主要特性为基调进行设计。比如说我们的旺铺卖的是芭比娃娃，那详情页色调最好以粉色调为主，走轻快浪漫的风格，而不应该采用暗灰等色调，使详情页色调与产品风格无法很好地融合。正确的详情页风格定位，能将客户迅速带入到产品氛围，从而更容易使客户产生认同感。人群定位这里的人群定位主要分为两点，一个是目标市场定位，一个买家定位。目标市场是指我们的中端客户，即产品的最终使用者。但购买我们产品的，却是直接买家，最终再由买家将我们的产品传达给终端消费者。所以，无论是买家还是目标市场的群体定位，我们都要考虑在内。2、传播准确的产品信息产品详情页的作用就在于，让客户了解产品，信任产品，甚至购买产品。它不同于文学创作，而是追求能在一定时间内，快速准确地传达产品信息。简单来说，就是在短时间内，让客户看完产品详情页信息后，能清楚地获取到以下几个信息：这个卖家提供的是什么产品/服务；这个产品/服务如何使用户受益；如果用户对这个产品/内容感兴趣，接下来应该做什么；当然，在对产品信息进行表达的时候，我们要特别注意以下两点要求：1.避免使用术语术语过于专业的表达，会让客户感到迷惑，所以，除非95%以上的客户都能清楚了解到我们所用术语所包含的准确含义，否则尽量避免使用术语。2.卖点清晰一个产品可以有多个优点，但真正的卖点往往只集中在某一点上。我们要准确抓住客户的痛点，通过客户的痛点，针对性地提取产品的卖点，然后在产品介绍中，不断强化此卖点。无论是以图片的形式还是以文案的形式，都需要多次强调，以确保产品的主要卖点能在客户的心目中留下深刻的印象。3、赢取买家信任详情页主要是以产品为出发点，配合标题、主图等相关条件，真实表达产品的基本属性。一般来说，详情页的主要框架为：产品价值+卖家价值=买家信任，然后通过信任形成转化。详情页的产品信息部分（文案部分)，主要是在诉说产品自身的价值，而后半部分则应该尽可能地展现卖家的价值。卖家价值可以通过卖家具有什么优质资源、提供什么服务内容、解决问题的等能力来体现。充分展示我们的优势，让客户对我们的信任感从产品延续到公司实力上，有利于后续的询盘及订单转化。接下来主要讲关于文案的策划4.1速卖通的详情文案策划一个好的文案，可以让目标受众对品牌和产品的认知从无到有，或者保持统一，或者认识升级，从而为后续的市场推广、产品销售创造良好的氛围。一个好的文案，关键是要对消费者有深入透彻的洞察，能抓住消费者最强的需求点，用消费者喜欢的语言触动他的敏感点，引起强烈共鸣，把产品的利益点和品牌的调性传递给他，从而愿意掏钱购买产品或服务。产品、品牌与消费者之间的关系如图所示：4.1速卖通的详情文案策划（1）了解顾客购物心理五环节（2）寻找产品卖点（3）表达产品卖点（1）顾客购物心理五环节因为在淘宝网交易的过程中，不像实体店能看见实物、有营业员进行介绍、能够感知产品的好坏。因此，宝贝详情页就承担起推销一个产品的所有工作。在整个推销过程中它是非常静态的，没有交流，没有互动，客户在浏览产品的时候也没有现场氛围来烘托购物气氛，这个时候客户也会变得相对理性。因此，宝贝详情页应该考虑消费者购物的心理过程，有针对性地设计详情页的内容，从而达成顾客的购买。一般来说，消费者购物心理过程遵循五个环节，如图所示。产生兴趣了解细节考虑需求建立信任决定购买一般来说，消费者购物心理过程遵循五个环节：（1）产生兴趣。消费者的关注点是这件产品的风格和样式等自己是否喜欢，因此要通过整体展示（摆拍、模特儿展示）来抓住第一眼印象非常重要。（2）了解细节。消费者的关注点是这件产品的质量、功能等，因此要通过细节展示、功能展示、品牌展示等来留住其注意力。（3）考虑需求。消费者的关注点是产品是否适合自己，因此要通过功能展示、利益点阐述、尺码规格等来让消费者认为迫切需要。（4）建立信任。消费者的关注点是产品的实际情况是否与卖家介绍的情况相符？（是否正品？有无色差？尺码是否偏差？），因此要通过产品销量、买家评论和权威认证等来让消费者产生信任。（5）决定购买。消费者的关注点是产品价格是否足够优惠，因此要通过活动促销信息（打折、满减、组合价、会员价）、优惠信息（是否包邮、有无优惠券）等来帮助消费者做出购买的决定。（2）寻找产品的卖点-九宫格法利用九宫格法发散产品卖点可以从产品角度，用图表的方式列出产品的特征，这些特征就是产品的卖点；也可以从业务角度（成本、价格、付款方式、折扣、配送方式，包装等），用图表的方式列出能给予客户的便利点。例如：土鸡蛋卖点提炼9宫格示意图如图所示。（2）寻找产品的卖点-换位思考法满足用户需求的角度。消费者购买产品，购买的是产品的使用价值。因此，他们最关心的是产品能解决什么样的痛点，能给自己带来什么好处。产品的基本功能与消费者的核心利益息息相关，也直接影响消费者的购买决策。挖掘产品的卖点，首先可以考虑从满足用户需求的角度出发。产品特点的角度。从产品的成分、生产过程、外形等出发，寻找产品在质量、技术、原料、工艺流程、产地等方面的特点。即使是一个毫不起眼的产品，它也有多方面的特点维度，我们可以从中找到卖点切入的角度。竞品对比的角度。从竞争产品的角度出发，寻找产品的差异化卖点，通过竞争对手没有或没有提过的卖点，率先在用户心中建立品牌形象。先入为主，使后面的竞争者难以形成挑战。（2）寻找产品的卖点-评论法从消费者评论中挖掘产品的卖点评论是消费者对产品最真实、最直接的反馈。通过对产品的评论，可以洞察消费者对产品的态度、情感倾向和兴趣点，从而及时调整产品的核心卖点和宝贝详情页的营销重点，最大化地驱动销售。注意：卖点不可太多。产品推销就是进行卖点包装，强化优点。但是，优点太多反而会适得其反，难以让消费者记住。一般来说，一个产品最多不要向消费者传递超过3个强化记忆点。站在用户的角度。品牌卖点的选择，一定要站在用户的角度上，让用户感觉到产品卖点给自己提供的价值，激发用户内心对于某种诉求的渴望。而不是站在品牌商的角度，认为是只要将最好的东西提供给了用户，就一味地沉浸在自己创作的激情中，感动了自己，却让别人觉得不知所云。掌握卖点的提炼原则。独特卖点的提炼原则是：找出竞品做不到、竞品不敢承诺或竞品还没有意识到这是个宣传点，同时，独特卖点是消费者渴望得到的，并且是可感知和可衡量的。案例：某U型枕品牌原定的独特卖点为“随时随地，想睡就睡”，意在突出其非常舒适的优势，但是，此卖点其实是所有Ｕ型枕的共同特点，并不能将目标品牌与同类竞品有效地区别：修改方向：对卖点进行优化性提炼，可考虑改为下述卖点。强调高度舒适：仅次于床的睡眠体验—不跟U型枕对比，我要跟床对比，以此来摆脱传统U型枕的负面印象，同时聚焦“舒适”这个定位；强调有益健康：超软慢回弹记忆棉，减轻75%颈椎压力；强调高度透气：顶级球衣布料，全方位透气不出汗。（3）表达产品的独特卖点

妙用类比来形象化产品卖点产品卖点具体化借用参照物突出消费者的利益点突出尖端科技①.妙用类比来形象化产品卖点

一个产品的广告往往要表达一个抽象的概念，比如“轻薄”“可靠”“安全”“迅速”等，而大众对这样的抽象概念往往难以产生直观的感受。因此，需要给这样的抽象概念找一个“象征物”，然后把这个象征物和自己产品的某个方面联系起来。例如：“轻轻如羽，云朵般的呵护”（某国产纸尿裤）；“会飞的照相机”（大疆无人机）；“水蜜杏”（某鲜甜多汁的杏子）。②.产品卖点具体化

阐述产品卖点时，运用具象的语言和描写，将更加直观和具有诱惑力。一般而言，文案的用词越具体、简单，信息传达的效果越好。写产品属性的时候，尽量多使用数字、地名和专业名词，越具体越好，如写1200万像素优于高像素，写阿克苏长绒棉优于优质长绒棉。写产品作用的时