视觉营销销售额=流量x转化率x客单价一、提高流量•图片够不够清晰、精美?•图片够不够吸引眼球?•图片够不够点击欲望?•图片够不够卖点突出?•图片够不够活动表现够劲爆?•详情页完善?•卖点提炼如何表达》•页面想看到什么?•画面表现消除顾虑没有?•引导购买的流程通顺吗?二、转化率三、客单价•产品表达得贵吗?•性价比看上去如何?•从画面上看得买吗?我们店铺的烦恼?1.图片大会导致加载慢,部分客人看不到,所以尽量小(详情页要切图)2首页海报要加链接,但不要再链接到首页3新品上新,做个好看的、有气氛的专题页4首页底栏,头尾呼应(详情页也是,加上收藏本店,返回首页返回顶部链接)5下架的商品及时在首页去掉6店铺不要带太多外链说说链接那些事....•空链错链外链1、点爆广告图秘密2、宝贝详情页与文案3、首页布局与陈列4、极速页面优化5、美工必看数据6、美工成长路径从商品主图说起•电商:三大伤不起①店开了,搜不到,标题优化②搜到了,没人点,主图没吸引力③点到了,没人买,宝贝描述没打动人主图的大小:是根据需求大小而设计的小技巧:放大镜功能时,主图的设计尺寸:700x700px(标准的主图是460px,一般主图做600x600px)直通车图•情景,买家更有兴趣关注适合自己的商品(模特搭配使用状态)一、差异化的背景(背景不要乱发),简捷的文字二、图至少有一个最震撼、最突出的亮点三、适当运用夸张、拟人、新颖、镜像的效果四、通过拖拉、缩放、旋转等裁切方式,突出特殊角度,吸引眼球点击率高的广告图的共同特点:①主题突出②明确目标③图片美观点击率高的图片解读——1.主题突出设计广告图,就像一次陈述,必须有明确的主题,所有元素都必须围绕这个主题展现出来;主题一般都是价格、折扣其他促销内容,这些信息应该放在视觉焦点上㈠第一主题:——不用思考的设计,才是好设计点击率高的图片解读——1.主题突出陈述的过程是分层次展开的,和语言的逻辑一样,设计的逻辑也是按层次结构展开的;㈡信息传达的层次结构:——对产品有感情的设计师,才能做出好设计点击率高的图片解读——1.主题突出一:强化主题(更大的字体,更粗的字体和高对比色是基本的强化手段,二:过修饰的形式会减弱传达,过多细节会对主题造成干扰)㈢通过形式强化主题:形式不可大于内容保持品牌形象的同时,根据运营需求更换店招⑴目标人群审美特征⑵目标人群的心里期望,模特应与目标人群特征相符,也要和产品特点吻合TIP:(投射效应,让消费者把自己想像成画面中的模特)点击率高的图片解读——2.目标明确三:决定买单的人是谁?就为谁而设计TIP:简单的控制色彩的方法是用色不超过3种,并按照6:3:1(主色:辅助色:对比色)的比例配置,确定自己的主色调辅助色和对比色①衬底色块时最简单的明度对比方式②色彩呼应和统一点击率高的图片解读——3.图片美观—色彩四:确定自己的主色、辅助色和对比色点击率高的图片解读——3.图片美观—字体字体和语言的比喻五:字体:设计时,字体必须有大有小,有粗有细六:确定自动店铺核心的三种字体,辅助字体两种点击率高的图片解读——3.图片美观—版式结构版式构图:简洁明快的标签更加醒目“好版式是收集的”点击率高的图片解读——3.图片美观—集群构图集群构图:人们总把位置靠近的看成一体的,所以把关联性高的主要信息组合在一起便于一次性传达常规结构:左中右结构左右结构(不要随便用模特,用过的角度最好或尽可能不再次使用)点击率高的图片解读——3.图片美观—间隙构图间隙构图(留白):空白空间是画面语言的标点符号,不同信息版块时,要有间隙,并且,段距要大于行距,有外框的边界时,要有版心画面的整体有留白,这样才大气点击率高的图片解读——3.图片美观—引导引导:明确的按钮和箭头,会对买家产生不可低估的心理暗示你可能错过了这些超棒店铺!广告图广告图思考:箭头向左、向右时的区别???点击率高的图片解读——3.图片美观—细节成功来源于细节!TIP:设计师-米斯·范·多·罗的名言:“上帝在细节之中”七:把每一次作品,都做成不可超越的!(重点太多了,就没了重点)•主题突出:1.突出第一主题2.信息传达•对象明确:1.考虑了目标消费人群的审美特征2.吻合目标人群特征或产品的特点•图片美观:1.色彩2.字体3.版式4.细节5.集群6.留白页面布局一:页面布局要领店招是品牌展示的窗口⑴店招设置需要考虑因素?要明确的品牌定位和产品定位,还可以辅以促销元素1.店招首行可设置150高,但不能超过2.保持品牌形象的同时,根据运营需要更换店招⑵快捷导航区:可以放在店铺首页,详情页,也可在首页隔几屏放一次⑶宝贝详情页左侧可以放什么?1.热卖宝贝2.销量排行3.收藏排行4.旺旺5.优惠券6.搜索7.活动8.收藏9.分类10.卖家信息11.品牌故事12.二维码13.公告14.常见问题15.友情链接16.联系我们17.宝贝推荐(2)(3)(8)可重复⑷底栏:旺旺,收藏店铺,返回首页,(关键导航)返回顶部(重要)⑸布局管理①店铺页头(店招和导航)②自定义内容③店铺页尾假底栏(没有放在页尾区域的“底部”)底部内容应放在页尾区域二:首页布局最重要信息应放在淘宝导航栏两边之间的区域,中间990之间区域(和显示器有关)1、首屏海报高450左右,下面的海报图可以设高650左右,高度与屏幕相似(和显示器有关)2、商品陈列(注意角度,统一性)(1)视觉焦点:让买家快速捕捉到你要吸引他的目标(2)视觉动线:视觉移动时所形式的路径(3)屏屏有重点:作图时缩小看看页面的每屏有没有重点三.详情页(精彩文案提高转化率)营销文案16招一:引发兴趣(1)品牌的介绍——可调到最后(2)引发兴趣的焦点图——主图,海报二:激发需求(1)目标客户设计(2)买家的使用场景三:信任到信赖(5)商品详细介绍——建立信任的过程(6)为什么购买——好处的设计(7)为什么购买——逃避痛点(8)同类型商品对比——价格,价值(9)客户评价,第三方评价——产生信任(10)客户非使用价值四:信赖到想要拥有(11)拥有后的感觉塑造——给客户一个100%购买的理由(12)给掏钱人购买的理由——送恋人,送父母,送朋友五:替客户做决定(13)发出购买号召购买记录,好评如潮,替客户做决定为什么立刻现在马上购买(14)购买须知(邮费,发货,退换货等)(15)关联商品推荐——位置可调换(16)组合套餐推荐——位置可调换四.详情页如何呈现?•认识商品——改变态度——产生购买行为•一个好的宝贝描述胜过一位优秀的销售专员1、当我们送的东西客户不太理解,不知道是怎样,什么功能时,要用图片展示出来2、黄金配色法:亮度0-92加148亮度148减14893-147亮不大面积使用清晰小字不要消除锯齿3、有赠品时要让客人知道要购买才能送,限时限量4、模特展示同一角度不要展现太多,接下时细节展示5、详情页有品牌故事时要加个链接道品牌故事页6、同款同系列可在详情页用一张组合图展示,加上每个宝贝的链接7、设计要领:要买家放心的宝贝详情(1)整体效果展现(2)多角度展现——身临其境的感觉(3)产品细节展示——如自己在用的享受(4)展现品质——激发买家购买欲望(5)展现品牌实力——增加买家购买信心(6)宝贝描述——关联营销(很重要)优先同价同款同色(7)关联营销——套餐搭配(数据魔方,热销宝贝分析该放哪些)(8)关联销售应放哪里?主推的产品——放下转化率很高的——放下或不放流量大,转化率不高的——放上我们在网上卖什么?1.吸引眼球的图片2.促进成交的文案•特别提醒:不要同时修改标题、主图、宝贝描述极速优化页面电商那些事儿....1.页面加载多一秒,会导致访问量下降7%2.1秒钟的延误会将顾客满意度降低16%PS三键+s保存品质80左右(太高文件会变大)FW文件——图像预览,选项左边两个都打钩问题:(1)详情页要切图(2)不要一张图从中间切开(3)不需要切得太细心我们的目标:网页话的图文并茂的页面江湖传言搜索宝贝描述就算传言有假也必须做的因为这是SEO基础可以被搜索到量子数据搜狗谷歌有道百度(淘客)TIP:注意文字排版才可以被搜苏引擎(网页)收录页面长度?•淘宝小二:行癫内容太长,打开太慢,内容杂乱无章,严重影响了购买体验!(客户群体是谁,宝贝详情页就做多长)•[官方]淘宝店铺装修手册•您的页面底线是8屏•很多店铺宝贝多了以后,页面就开始不断得加长,10屏是小菜,20屏也很常见,但是从店铺点击热力图可以很明显得看到,在8屏之外,用户几乎没有点击了图片优化→检测3步曲•1.保存图片访问网店右击图片图片另存为•2.查看品质Firework软件查看优化面板(品质:79)注意JPG品质•3.查看优化Firework软件查看图像预览注意勾选选项(渐进式流量器显示)如何优化?一、如何优化——单张图片得优化NO.1对图片的贪婪追求:品质好+图像小①可以做到吗?②JPG③GIF可以,而非常重要!色彩丰富的食物照片颜色单一少于256色是网店美工必备技术!NO.2怎么保存,才是正确的?①Photoshop②Firework③光影魔术手存储为WEB和设备所用格式图像预览另存为JPG:品质:高8JPG:品质:80JPG≥90GIF:设置好颜色数目GIF:设置好颜色数目GIF:设置好颜色数目NO.3保存时,还要注意的?勾选不选交错元数据连续EXIF信息渐进式浏览器显示快速页面优化→页面优化•工作流程回顾平面设计——确认效果——图文排版——发布网络排版!图文并茂Dreamweaver表格排版“被忽略了”文字与图片占用空间文字占用空间比图片小百倍的多访问速度访问速度快得到好的用户体验更重要好处文字能够被搜索引擎收录值得学习的店铺:旗舰店手表百武西旗舰店彼德盖帝旗舰店秘密盒子TB原创馆=a1z10.1.w6085624-4042850221.1.MPECpb&id=2936699401酒仙网官方旗舰店