《视觉营销之首页装修》由会员分享，可在线阅读，更多相关《视觉营销之首页装修（78页珍藏版）》请在金锄头文库上搜索。
1、视觉营销之首页装修 超实战电子商务系列 江伟平江伟平 2012.04.202012.04.20 视觉营销的作用 认识商品认识商品 改变态度改变态度 产生购买行为产生购买行为 不同装修商家数据对比 商家 UV 客单价 交易笔数 成交金额 商家A 1116 262 37 9694 商家B 981 146 18 2628 视觉营销的表现方面 整体布局整体布局 整体色调整体色调 店铺招牌店铺招牌 商品分类商品分类 促销主图促销主图 宝贝描述宝贝描述 客户的购买过程 主页 搜索 某宝贝页面 店铺 首页 其他宝贝页面 购买 是不是想 游到前面 去看看？ 杰柯柏尼尔森报告 用颜色表示浏览者眼光聚集的热度展示
2、图： 最热（红色） 较热（黄色） 不热（蓝色） 基本不关注（灰色） 我们的浏览习惯 典型的“F”型首页设计 网店布局的原理来自于实体店 店招店招 橱窗形象橱窗形象 促销区促销区 分类陈列区分类陈列区 搭配陈列区搭配陈列区 形象引导区 促销区 橱窗区+促销 常规促销区 导航区 陈列区 案例：乐天商城首页设计 logo 店铺形象画面（可内置促销信息在里面） 第一屏幕第一屏幕 首 页 所有宝贝 热销排行 秋冬新 品 围巾 帽子 包包 VIP 热门搜索：围巾 羊毛 羊绒 包包 搜索 BANNER（主活动提示广告条，高度在50-80pix），非固定栏目 BANNER（产品或活动广告条，高度740*360
3、pix） BANNER （宽度200pix） BANNER （宽度200pix） BANNER （宽度200pix） 1 2 3 4 第二屏幕第二屏幕 特 价 品牌故 事 热卖推荐热卖推荐 950*120 第二屏幕第二屏幕 第三屏幕第三屏幕 产品 （可加促销信息） 产品 （可加促销信息） 产品 （可加促销信息） 产品 （可加促销信息） 产品名称 原价:100 折扣价:50 5折 产品名称 原价:100 折扣价:50 5折 产品名称 原价:100 折扣价:50 5折 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信息） 产品 （可加促销信息） 产品 （可加促销信息） 产品 （可加促
4、销信息） 产品名称 原价:100 折扣价:50 5折 产品名称 原价:100 折扣价:50 5折 产品名称 原价:100 折扣价:50 5折 产品名称 原价:100 折扣价:50 5折 热门分类热门分类 全部宝贝 人气热卖 价格排序 新品上架 第三屏幕第三屏幕 第四屏幕第四屏幕 按材质：羊毛 仿羊绒 棉 人造丝 促销活动：爆款特价区 包邮区 新品到货：十月新品 九月下旬新品 九月中旬新品 九月上旬新品 八月新品 关于物流的相关说明 客服中心：旺旺号1 旺旺号2 旺旺号3 收藏店铺 分享评价+5 分 （链接到论 坛） 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （
5、可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 新品上市新品上市950*120 查看更多新品查看更多新品 第四屏幕第四屏幕 第五屏幕第五屏幕 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息）
6、 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 围巾披肩围巾披肩 主推产品 主推产品 推荐推荐 主推产品 套件套件 推荐推荐 第五屏幕第五屏幕 第六屏幕第六屏幕 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 产品 （可加促销信 息） 产品名称 原价:100 折扣价:50 5折 套件套件 主推产品
7、主推产品 推荐推荐 主推产品 包包包包 推荐推荐 第六屏幕第六屏幕 包包包包 推荐推荐 BANNER 活动 BANNER（活动广告推荐）（活动广告推荐） 推广产品 （可加促销信息） 以下活动正在进行以下活动正在进行（基本以专题形式或类目形式出现） BANNER 活动 BANNER 活动 BANNER 活动 BANNER 活动 视觉营销的表现方面 整体布局整体布局 整体色调整体色调 店铺招牌店铺招牌 商品分类商品分类 促销主图促销主图 宝贝描述宝贝描述 了解色彩 色彩原理色彩原理 色相色相 明度明度 饱和度饱和度 色彩心理色彩心理 冷暖冷暖 远近远近 强弱强弱 色彩调子色彩调子 对比对比 调和调
8、和 面积面积 红色：热情 权威 自信 粉色：温柔 甜美 浪漫 黑色：高贵 权威 创意 灰色：诚恳 考究 沉稳 蓝色：希望 理想 独立 紫色：优雅 浪漫 高贵 绿色：清新 活力 安全 颜色的性格 知道这个店看得出色调吗？ 这才叫风格鲜明 这个也是好样的 选择风格的考虑因素 从客户的角度出发 根据店铺主营项目 装修风格必须应季 根据自己的喜好 视觉营销的表现方面 整体布局整体布局 整体色调整体色调 店铺招牌店铺招牌 商品分类商品分类 促销主图促销主图 宝贝描述宝贝描述 店招 第一展示窗口 能说得出这几家店是干嘛的吗？ 好的店招要一目了然 思考：如何改进？ 自定义按钮 你好好利用了吗？ 是象他一样空
9、下了很多吗？ 自定义按钮 模式模式1：品牌感品牌感 品牌介绍品牌介绍/品牌故事品牌故事 品牌荣誉品牌荣誉 特色商品专区特色商品专区 品牌推荐商品品牌推荐商品 秒杀特价商品秒杀特价商品 帮派导航帮派导航 模式模式2：强：强促销促销 买家帮助买家帮助 促销页促销页 促销页促销页 促销促销页页 促销促销页页 帮派或交流区帮派或交流区 模式3：介绍与服务 品牌介绍品牌介绍 售后售后保修保修 物流物流查件查件 真伪真伪鉴别（行业小贴士）鉴别（行业小贴士） 帮派帮派或交流区或交流区 视觉营销的表现方面 整体布局整体布局 整体色调整体色调 店铺招牌店铺招牌 商品分类商品分类 促销主图促销主图 宝贝描述宝贝描
10、述 用户图片浏览习惯：从左到右 分 类 栏 浏 览 习 惯 从 上 至 下 双卡双待蓝牙手机 双卡双待手机 价格低廉的低端手机 适合送礼的手机 适合送给女人的手机 功能超多的手机 FM收音机功能手机 按价格区分 知名品牌手机精品 双卡双待蓝牙 双卡双待手机 低廉低端手机 礼品手机 女性手机 功能手机 FM功能手机 按价格区分 品牌手机 思考：如何改进？ VS VS 向强者学习 视觉营销的表现方面 整体布局整体布局 整体色调整体色调 店铺招牌店铺招牌 商品分类商品分类 促销主图促销主图 宝贝描述宝贝描述 首屏的黄金位置，你在做什么？ 首屏的黄金位置，你在做什么？ 他们都在这样做 最好的卖东西都在
11、首页 首屏：最新活动 2012/4/21 47 首屏：主打产品 首屏：热卖新品 首屏：快速导航 重要促销 放在前三屏 促销的价值来自“超值 紧迫” 超值服务 品质保证 价格优势 特殊效果 品牌价值 为什么 我的促销 没人知道？ 重点推荐产品可 选用与自定义模 块穿插模式。 排版：关联性 搭配促销 2012/4/21 57 套装搭配格局设计 促销页面的设计要求 主题突出 目标明确 形式美观 促销图的设计方法1.主题突出 促销图的设计方法1.主题突出 促销图的设计方法2.明确目标 促销图的设计方法3.形式美观 文字太多，记住3秒原则 案例：奔腾电饭煲促销 感觉产品很让人瞩目 表现出产品的功能 产品的价值：美味的食物 突出产品材质 再次突出产品价值 加logo：这是名牌，完成！ 建立良好的品牌感 2012/4/21 75 设计前后数据对比 效果对比效果对比 店铺改版前2011年04月16日量子恒道数据 店铺改版后2010年05月07日量子恒道数据 整体布局整体布局 整体色调整体色调 店铺招牌店铺招牌 商品分类商品分类 促销主图促销主图 宝贝描述宝贝描述 宝贝描述，下节课再分解 休息一下！
