超级详细的电商主图&详情页设计指南
2019-11-25 13:56:40 13 举报AI智能生成
超级详细的电商主图、详情页设计指南
作者其他创作
大纲/内容
PC图-无线图，停留时间1s
设计原则
制作强烈反差 色彩反差
体现高性价比 标注折扣信息
核心卖点+大字
主图
什么是核心卖点
外观款式为卖点：服饰/鞋包/家纺等产品为主
优化思路：摄影图片/产品的款式决定一切，不需要后期过多的优化。选对款式，你就成功了80%。
不要抠图，不要大量文案
以功效功能为卖点：家电/数码/工具
优化思路：抠图后单独制作为主，需要重点挖掘卖点，良好配色和布局，性价比和卖点提炼决定了产品是否热卖。
不要只放外观！不要不提炼卖点
以外观款式为卖点并且以功能功效为卖点
找到消费者更关注的是哪个点，然后进行优化
主图规则
不要用被投诉率较高的字体--方正字体
不用同行详情页中的图片
不添加第三方联系的方式
不用同行商家已有的主图
不要用来历不明的图片素材
不要相信所谓的后期处理
不要未授权的商标和专利
不要使用各种低俗的素材
不要用国家政府相关信息
主图尺寸：800X800 固定
主图设计流程
外观型主图设计流程
收集：搜索行业内优质主图
分析：分析这类产品主图是否可以参考的共同点，并总结
设计：根据总结出来的设计要求，进行主图的设计制作，并保留多个版本
测试：根据多个版本进行测试，进行筛选，去最好的的放主图首页
功能性主图设计流程
收集：搜索行业内优质主图
分析：分析这类产品主图是否可以参考的共同点，并总结提炼优质文案
素材：通过素材网站，选择一些比较优质效果的主图，下载PSD文件保存。
设计：根据总结出来的设计要求，配合素材PSD文件，进行主图的设计制作
测试：根据多个版本进行测试，进行筛选，去最好的的放主图首页
主图设计规避
核心不明
不清楚产品核心卖点特征，颠倒了优化方向
迷恋抠图
迷幻的背景真的很丑，买外观的产品尤其重视
文字过多
想让买家购买先前的看个小说？
牛皮癣
大量文字/图标产品遮挡外观严重
追求另类
单纯准确差异，带来的都是垃圾流量
怎样优化主图
对行业分析和了解太少了
怎样找到合适主图
行业直通车整体靠前
直通车靠前的点击率不会低
用类目大词可以搜索到的产品
大词靠前说明权重高 不是全新产品
销量处于绝对领先
高销量产品说明转化率比较好
客单价处于和自己产品同层级
相同价位的产品针对的用户群体不一样
以上四个点都合适的就可以参考
五张主图的设计要求
布局方式
第一张：点击
第二张：需求，解决问题
第三张：优惠
第四张：解决信任
第五张：白底图/解决顾虑
一个优秀的主图是布局成一个缩小版的详情页
雷区
卖功能却只展示外观
同质化严重
主图不全
针对卖功能的产品和卖外观的产品不同建议
功能性卖点产品
第一张负责点击
第二张核心卖点功能介绍
第三张负责解决哪些问题
第四张负责产品促销信息
第四张保修售后增强信任信息
第五张根据官方建议放白底图，新品可以不考虑白底图，或者上手淘首页的几率不大
外观型卖点产品
第一张负责点击
第二张多角度展示外观
第三张细节外观展示
第四张介绍材质和其他差异性功能
第四张也可以放一些促销信息
第五张根据官方建议放白底图，新品可以不考虑白底图，或者上手淘首页的几率不大
素材网站
模板
千图网：www.58pic.com 全面 主图、详情
90设计
千库网:www.588ku.com
我图网:www.ooopic.com 全面 主图、详情
昵图网:
图片/照片素材
www.699pic.com 摄图网
www.pexels.com
字体类素材
站长素材：font.chinaz.com
找字网：www.qiuziti.com
付费下载
淘宝里边去搜索待下载
白底图：第5张主图、天猫、活动（天天特价：480X480）
怎么快速制作白底图（不是第5张）CTRL+M 顶端滑块往左移动
雷区
主图上来就加文案
一言不合就抠图
五彩斑斓的配色
摄影
室外取景
发光板
室内取景
摄影外包
摄影相机
签订合同
分期付款
具体参考 找风格照片
审美
平面设计第一判断标准：整齐划一
对齐
主次
配色
改主图会掉流量吗
直接改主图不会直接掉流量
什么情况下会掉流量
一次性改太多：修改主图、标题、详情、SKU、甚至产品基础信息
没测图：更换了比之前更差的主图，没有经过数据测试贸然替换。
换标签：之前定位小清新的主图风格突然更换成上午稳重风格
换主图后转化率没有升高：本身是爆款产品，更换后因为各种原因，导致没有之前的转化率，被判定降权。
怎样正确修改主图
一次只修改1-2张，不建议一次性5张全部更换，也不建议改到第5张，然后隔天慢慢换。
如果是新品，可以任意时间更换，如果是热卖产品，更换后，保证主图修改后有正常成交即可。
绝对不要放没有经过测试的图片，也不要放淘宝精致、不符合规则的主图
总结
主图要求有更高的吸引力
要承担转化的任务
明确主图核心的卖点
高点击率：如何给主图加上吸镜BUFF
价格标签
缩短买家对比判断的时间成本
买家都不愿意去看比较小的文字价格
主图价格和系统价格不一致引导的好奇心
促销信息
买家对价格和促销是极其关注和敏感的
制造一些价格上的落差，引发好奇效果会有良好效果
送东西真的很给力，一定用打字标注
制作一定门槛，标注大额的优惠券
买家自己占到了便宜（前300名减60元）
联系客服可以领取赠品
联系客服可以砍价
联系客服可以领取大额优惠券
差异信息
产品的差异介绍：儿童电吹风、电吹风免打孔
儿童电器可以考虑
服务差异介绍
品牌的差异介绍
定位差异：十四行诗，礼品
总结：优质主图的核心优化点
差异的本质：不是图片本身，而是运营者对于市场、用户的精准判断。
总结
主图增加价格和促销信息是增加点击常规的优化方法
差异化是主图的核心竞争力，但差异化不是另类图
抓心文案不是产品卖点的描述，而是产品的解决方案
抓心文案
案例：
暖风机：洗澡不冷了
吹风机：你不一定抢得到
儿童面霜：我的面霜有牛奶
音响：不破音的低音炮
本质：对生活中不合理的问题描述和解决方案，而不是产品的功能和卖点
尽量不要去描述一些空洞的、数据化、专业性的文案词=自嗨型文案、
测试为王：不要只相信自己的眼睛和他人的经验
数据点击测试
主图
免费--生意参谋
收费-直通车：点击量300-500左右后观察点击率，选择最大的图作为主图
卖点评估
功能性产品缩小图片，观察图片
快速明确自己的卖点是否突出吸引人
将军令同行主图对比测试观察
能够快速分析自己主图和行业主流的设计的区别
详情页
作用
进一步介绍产品的各种卖点/外观
解决买家顾虑
帮买家作出购买的决定（通过举例，证明，促销手段引导购买）
雷区
官方禁止
第三方联系方式：微信QQ非阿里集团的来联系方式
第三方二维码：上传图片的时候系统自动屏蔽第三方二维码
违反价格体系：个别类目禁止买一送N的介绍，产品详情中出现“原价”等
违反评价体系：不能出现好评返现
知识产权
未授权品牌
未授权字体
未授权图片
新广告法
最高级夸大用语
虚假承诺：买就送老婆
非保健视频使用保健品功效夸大
非药品/医疗器械的商品疾病治疗类夸大
绝对化的夸大
有什么提前优化的方法？
放价格说明
放免责声明
放授权声明
精益思维
把所有产品内页优化好 耗时耗力
用有限的时间，把最有潜力的宝贝先优化好，然后让市场进行检验，这样可以用低成本获取高收益，这个叫做精益思维。
精益思维的核心就是以最小的资源投入，包括人力、资金、材料、时间和空间，创造出尽可能多的架子
选款
测图
外包：手写感谢信
花小钱，办大事
详情页应该放什么东西
常规方式
关联销售
设置说明：展示和出售产品相关的推荐产品，让买家有更多的选择，注意：关联销售尽量在店铺热卖的产品上面设置。
有模板
店铺优惠券
设置说明：详情页放置优惠券是非常有于成交的方式，侧面的让买家感觉占到了便宜，领取了优惠券也产生了粘性，比没有设置优惠券会成倍增加转化
搭配套餐
设置说明：设置搭配套餐可以有效增加店铺的营业额和全店转化率，如果套餐设置的性价比极高，也会是一种非常不错的营销手段
店铺活动
设置说明：设置超高性价比的店铺活动，可以增加买家对产品的复购率和支付件数，最终还能增加电偶的总营业额。
都快可以找模板
特殊方式
特殊促销点
联系客服有惊喜（有折扣、有奖励）--增加询单率，增加顾客在你店铺的停留时间
联系客服可以砍价（准备好大额优惠券和低额优惠券，先低后高，不要一上来亮底牌）
无门槛优惠券（产品降价促销的常见方法，切记不要直接修改产品价格）
用1元秒杀大额优惠券（增加获取门槛，制作一种买家占到便宜的感觉）
阶段的优化信息（常见聚划算类，制定阶梯的促销方案，让买家快速下决定）
增强信任点
详情页促进购买的很关键一个目的，是促进买家对你产生足够当信任
可以展示产品热卖的销量截图
可以展示自己独家授权的资质截图
可以展示自己品牌相关的视频报道等素材（若有）
挑选1-2个适合自己来优化详情
判断详情页的好坏的标准
跳失率和转化率是评判的唯一标准吗？不是
详情页根本目的是什么？
购物逻辑：筛选--主图（40%购买几率）--价格--评价（80%购买几率）--详情（100%购买几率）
详情主导的是增强买家信任，想只靠详情做最终决定已经很难
第一个维度：能否增强买家对店铺和产品的整体信任感
不同核心卖点产品评判标准
卖外观：外观型产品的详情，主要是辅助主图，把没有展示完的细节进行全方面的展示和介绍。尽量多用各种实拍图片和细节图片进行说明。如果实拍图不够，或者展示不全面并且使用过多的文字描述，则不是一个合格的详情页。
卖功能
主要是进一步展示产品的功能描述，使用场景，解决哪些实际问题的介绍以及和同行的同类型对比说服，各种必要的参数、体积、功耗等必要信息的展示。功能型产品的详情不但要展示产品，更需要营销产品。若主图没有完成的任务，则需要交给详情来进一步说服。
这么讲详情就不重要啦？
当一天赚1万的时候，会不会想一天赚100万？
怎么办？品牌化
模块化的详情页
麦肯锡方法：直面问题，分析问题，拆解问题，解决问题
详情页板块拆解
吸引区：恐惧文案
本身和产品的外观功能没有太大关系，但结合买家比较关注的话题和实际需求
从评价中提取关注信息
卖点区：卖点展示
功能型
文案+素材图片为主要设计方式，文案描述决定成败，主要功能决定一切
外观型
产品图片摆拍+特色为主要设计方式--选款决定了成败，外观决定了一切
两者都有
挖掘顾客更中意外观还是功能，然后来定义描述中的主要卖点，不做固定设计要求
展示区：
细节展示（放大效果）
模特展示（外观展示）
使用展示（使用须知）
场景展示（实景效果）
搭配展示（关联销售）
实力区：发货能力、获奖证明、资质证明、授权证明、品牌实力、超常售后
说服区：增强信任
对比模块
对比同行劣质产品
产品使用前后对比
退货承诺
无效全额包邮退款
不喜欢全额包邮退款
X天无理由退换货
促销区：促进加强
决定区：价格、促销
个性赠品
阶梯式赠品
满X条件送
限量限时
亏本X件 卖完恢复
每天前X位，什么价
今日特价
以前X价，现在X价
降价向同行道歉图
发货承诺
顺丰发货
闪电发货
布局
吸引区：蚊子是不能直接打死，你知道吗？
关联区：有联系的产品
卖点区：1/2/3/4
说服区：限量多少份，前多少名送礼品
素材为王
精益思维：不要在自己不擅长的领域投入太多的精力
外包设计--期望效果
提前准备好你期望的参考效果、如果能搭配源文件会更好
沟通时，一定要给出自己期望的一些设计效果
建议给出你直接的竞争对手的设计效果，和行业TOP级别效果
可以到花瓣网等设计站找一找行业知名品牌的设计效果
包图网：https://ibaotu.com/ 一定要用 给源文件
素材公社
16素材网
文案认知
负责介绍产品的文案：自嗨型文案
产产品功能特性上面宣传对买家的利益点
自夸性比较强，买家不会关注
负责营销转化的文案：叙述型文案
表述一件和产品相关的美好事情
画面感比较强，能引发共鸣，比较容易关注
两种文案的特点
自嗨型:讲属性、宣功能、颂外观、
特点一：喜欢华丽的文字，喜欢各种修辞，爱搞一些创意有趣句子、以想办法用华丽的表达来描述产品。
表达内容空洞，喜欢用没有明确的定义的形容词，或没有量化的参数，以及目前广告发禁止的词汇
功能强大秒杀同行、手工精密缝制、华丽的音质、帝王级的享受、脚感太舒适了、新品上市全网最低。
形容美女：这女的太漂亮了！看起来太养眼了！这真是个美女！这女的胸好大啊！爱你到永远！
叙事型：讲事情、说事实、传结果
特点一：文案并不华丽，有时甚至只不过是简单地描述出用户心中的情景，它们充满画面感、直指利益。
特点二：花费大量的时间去了解用户想的是什么，只想要用最直白的语言来影响用户的感受。没有语言修辞学，甚至不会押韵。
总结
详情页中有两类文案，一种表示产品各种参数、功能、材质等硬性介绍。一种负责营销转化的软介绍。
负责软化介绍的营销文案，切记不要自吹自擂，陷入自嗨型文案策划人这个大众圈子
叙事型文案更有利于产品的营销转化，正因为这是在表达买家生活中的各种事实和不合理的地方
用最低的成本完成一套产品视频
精益思维：拆解问题
产品视频画面
去素材网站找到产品相关的文档
视频素材网站
淘宝网：买视频素材
字幕文字介绍
故事主线文案内容编写好
猪八戒-找产品宣传文案
真配音说明
淘宝搜索配音+背景音乐
氛围的背景英语
网易云音乐
总结：看上去很专业类的视频，可以通过素材、配音、合成剪辑的方式来惊醒最低成本实现
视频素材可以通过淘宝、视频相关的素材站来进行获取。专业配音可以通过淘宝购买专业服务。
视频软件：Premiro CC
0 条评论
下一页
