电商直通车开车设计指南

随着电商行业的发展，越来越多的平面设计师也加入到了电商行业中，电商设计师不仅要学习软件技能和设计理论，在设计中还要懂得融入运营思维以及⼀些消费心理学。电商设计师唯⼀的检验标准就是点击率，本思维导图由此分析了直接影响点击率的商品主图以及直通车图。

电商直通车开车设计指南

• 店铺流量构成
  • 流量
    • 自然流量
      • 用户搜索
      • 用户访问
      • 最主要的商品的展示位置
        • 详情页上方的商品图
        • 店铺主页中的商品展示
        • 搜索结果页的免费展示
      • 商品图优劣直接关系到消费者是否会继续浏览详情页
    • 付费流量
      • 直通车
        • 淘宝为卖家定制的营销工具
        • 卖家通过竞价付费，可将宝贝精准投放到买家面前（搜索）
        • 上图页面左侧带有“掌柜热卖”标签的商品，就是直通车推荐的商品
      • 钻展
        • 与直通车类似，但展示位置更全
          • 有淘宝首页轮播（焦点图）
          • 右侧大图、右侧小图、底部通栏排列的小图
          • 淘宝垂直频道、分类页里面的焦点图
          • 甚至淘宝站外平台的广告位、弹窗广告位
      • 直通车和钻展又是相辅相成、相得益彰的关系
• 商品拍摄视角
  • 电商在展示商品时候，最重要的是商品的照片素材
  • 好的照片素材能带来更好的浏览量和转化率
  • 正面
    • 正照是最直观的商品表现形式
    • 可以很直接的去展示商品
  • 角度
    • 使用带有角度的照片，可以对产品进行全方位的展示
  • 场景
    • 使用场景是最有代入感的一种表现形式
      • 对产品进行情景化模拟
      • 让商品处在“正在被使用”的状态
  • 阵列
    • 多个产品摆放在一起，容易产生阵列优势
    • 形成阵列优势以后，更容易加深顾客对于商品和品牌的记忆
  • 造景
    • 构建场景就是用一些环境和道具去搭建一个场景
    • 好的场景可以给商品带来精致专业感觉
• 商品陈列方式
  • 不论是电商还是实体商品的展示拍摄
    • 摆放和组合的时候一定不要随意乱摆
    • 一般情况下可以按照三角形的感觉去摆放
    • 三角形是最稳定的形状
    • 利用三角形来陈列商品会让你的商品更加规整
  • 三角形示例
  • 如果商品很多，也可以摆放的紧凑一些
    • 摆放的时候也要注意高低起伏的节奏的变化
  • 按照高低错落的感觉依次摆放商品
    • 给人很丰满，很有节奏的视觉感受
• 商品的统一性
  • 颜色统一
    • 背景颜色来可以区分店铺内同品类的商品
    • 背景颜色的选择要符合商品本身的气质
  • 色系统一
    • 利用同色系来创建商品与背景的统一性
    • 和谐稳定的同色系颜色能让画面富有变化
  • 背景统一
    • 背景统一分为两种类型
      • 形式的统一
      • 质感的统一
  • 角度统一
    • 将所有商品的拍摄或者摆放角度统一
    • 通过不同角度的变换能形成不同的画面感觉
• 图片使用原则
  • 大牌效应
    • 国际大牌可以直接上商品主图
    • 产品本身就是视觉符号，无需多于设计
  • 简化原则
    • 商品包装很精致或产品有特点，可减少过多的设计元素
    • 直接使用摄影照片
  • 主题优先
    • 产品要大大方方的呈现出来
    • 保证产品的主体优先
      • 左侧更能体现主体
• 信息层级划分
  • 一般信息
  • 不同图案组合方式以及不同层级关系
    • 不同的方案，起到不同的效果
• 融入运营思维
  • 直击痛点
    • 分析买家真正需要的是什么
    • 用最简练的语言表达出来，让消费者一眼就能看懂
  • 做出差异
    • 将产品从展示的环境中凸显出来
  • 炫耀心理
    • 追求品牌或者高级商品，借此提升自己的身份地位所产生的购买动机
    • 这种动机来源于马斯洛需求层次理论中的自尊需要
  • 产品情调
    • 通过设计语言，让用户产生某种情绪体验
    • • 案例的产品是一款面向中高端人群的无糖面包