文档介绍：封面页
（设计好之后可以删掉这个文本框哦）
电商视觉培训
Powerful and free
-----------涂蕾
*
*
目录
Contents
教学大纲
首页布局那些事儿
案例分析
详情页逻封面页
（设计好之后可以删掉这个文本框哦）
电商视觉培训
Powerful and free
-----------涂蕾
*
*
目录
Contents
教学大纲
首页布局那些事儿
案例分析
详情页逻辑分析
*
*
教学大纲
*
*
首页布局
*
*
一、清晰店铺定位
品牌专卖店
集贸市场
高大上，消费人群有一定品质要求，有较强的
购买力，追求群体归属感等
经济、实用、货比三家不吃亏，消费群体的购
买力较弱，以价格优势为主导
品牌专卖风格细分：清新，个性，温馨，甜美，简约、酷炫等
*
*
二、从“专卖店”陈列看淘宝首页
门头店招
店内促销海报
店内展柜
橱窗陈列
案例分析
*
*
三、为何如此布局
用数据说话
设计者必须了解店内的几个基本数据：
首页访客及流量
首页到宝贝页面
首页到分类页面
首页点击率
首页跳失率
通过查看热力图得出数据，对店铺首页布局进行针对性调整
最终目的：给消费者提供简洁快速的购物路径，积极引导消费者
*
*
详情页面
*
*
一、详情页面的作用
提问：详情页面在店铺里的作用对应实体店中的哪个角色？
作用：提高转化率的入口，激发顾客的消费欲望，树立顾客对店铺的
信任感，打消顾客的消费疑虑促使顾客下单。
*
*
二、详情页面设计流
前提
设计前沟通与调查
定位
准备
设计
*
*
二、详情页面设计流
前提
设计前沟通与调查
定位
准备
设计
充分进行市场调查，同行业
调查，分析消费者人群，及
消费能力和喜好等
方式
淘宝指数
宝贝评价
了解买家需求，购买后遇
到的问题等
客服
*
*
二、详情页面设计流
前提
设计前沟通与调查
定位
准备
设计
根据市场调查结果以及自己
的产品进行系统的分析总结，
罗列出消费者所在意的问题，
同行的优缺点
定位
自身产品的定位，确定消费
群体挖掘自身与众不同的卖点
定大体风格
*
*
二、详情页面设计流
前提
设计前沟通与调查
定位
准备
设计
根据自身产品卖点的提炼和宝
贝风格的定位，准备好所用
的设计素材，详情页面所用
的文案
准备
配色
字体
文案
构图
排版
设计
*
*
三、详情页面构成框架
创意海报情景大图
宝贝卖点/作用/功能
规格参数信息
宝贝优劣对比
全方位展示/细节图片展示
产品或店铺资历证书
售后保障问题/物流
详情页面上半部份讲解产品价值，后半部份培养顾客的消费信任感
*
*
三、详情页面构成框架
创意海报情景大图
宝贝卖点/作用/功能
规格参数信息
宝贝优劣对比
全方位展示/细节图片展示
产品或店铺资历证书
售后保障问题/物流
前三屏3秒注意力原则，开头图是视觉焦点
背景选取能够展示品牌调性以及产品特色的
图片第一时间吸引买家注意力
FAB法则排序
Feature（特性）--- 产品品质，指一种产品能看得到，摸得到的特征
Advantage(作用) --- 从特性引发的用途
Benefit(好处/利益) --- 用途和作用给客户带来的利益好处
宝贝优劣PK，通过对比强化宝贝卖点，不断向消费者阐述
宝贝展示以主推颜色为主，让顾客全方位看到产品，进一步建立信任
解决顾客已知和未知的各种问题，减轻客服工作压力，增加静默转化率
*
*
三、详情页面构成框架
创意海报情景大图
宝贝卖点/作用/功能
规格参数信息
宝贝优劣对比
全方位展示/细节图片展示
产品或店铺资历证书
售后保障问题/物流
案例分析
*
*