1. VISUAL DESIGN STANDARD
V 1.0
La’Festin Brand Center
M a d e b y y a n z h o u W e c h a t : 1 3 5 6 0 0 1 2 3 6 4
2. Online Shop Standard / 官方商城视觉标准
VISUAL DESIGN
① 店招&导航(增加侧滑)
② 首焦banner
③ 营销区
④ 活动入口
⑤ 中部分类导航
⑥ HOT单品
⑦ 潮流趋势(系列新品)
⑧ 系列产品区
⑨ 当季品牌大片
① 店招&导航(增加侧滑)
② 首焦banner
③ 营销区
④ 活动入口
顾客进店后快速找到想要的产品,避免造成跳失
大片保持品牌调性
市场活动&CRM活动清晰,优惠券、活动利益点清晰
陈列归类清晰,利于顾客和店铺产品信息的获取
23
M a d e b y y a n z h o u W e c h a t : 1 3 5 6 0 0 1 2 3 6 4
3. Online Shop Standard / 官方商城视觉标准
VISUAL DESIGN
① 店招&导航(增加侧滑)
② 首焦banner
③ 营销区
④ 活动入口
⑤ 中部分类导航
⑥ HOT单品
⑦ 潮流趋势(系列新品)
⑧ 系列产品区
⑨ 当季品牌大片
⑤ 中部分类导航
顾客进店后快速找到想要的产品,
避免造成跳失
24
4. Online Shop Standard / 官方商城视觉标准
VISUAL DESIGN
① 店招&导航(增加侧滑)
② 首焦banner
③ 营销区
④ 活动入口
⑤ 中部分类导航
⑥ HOT单品
⑦ 潮流趋势(系列新品)
⑧ 系列产品区
⑨ 当季品牌大片
⑥ HOT单品
强调品牌调性,结合无线用户特性设计,
区块信息排版、视觉统一,有利于顾客对
产品信息的获取。
25
M a d e b y y a n z h o u W e c h a t : 1 3 5 6 0 0 1 2 3 6 4
5. Online Shop Standard / 官方商城视觉标准
VISUAL DESIGN
① 店招&导航(增加侧滑)
② 首焦banner
③ 营销区
④ 活动入口
⑤ 中部分类导航
⑥ HOT单品
⑦ 潮流趋势(系列新品)
⑧ 系列产品区
⑨ 当季品牌大片
⑦ 潮流趋势(系列新品)
市场潮流效应,需要强调场景化,采用自
品牌大片来凸显产品的价值感
26
M a d e b y y a n z h o u W e c h a t : 1 3 5 6 0 0 1 2 3 6 4
6. Online Shop Standard / 官方商城视觉标准
VISUAL DESIGN
① 店招&导航(增加侧滑)
② 首焦banner
③ 营销区
④ 活动入口
⑤ 中部分类导航
⑥ HOT单品
⑦ 潮流趋势(系列新品)
⑧ 系列产品区
⑨ 品牌信息强化
⑧ 系列产品区
按不同系列品类陈列,归类清晰,利于客
户对产品风格的快速浏览
⑨ 品牌信息强化
宣导品牌调性,强化客户对品牌的认知度
27
M a d e b y y a n z h o u W e c h a t : 1 3 5 6 0 0 1 2 3 6 4
7. Key Visual / 主视觉设计应用
VISUAL DESIGN
01- 视觉调性延展
02- 画⾯面组合意像;
03- 标准字体、字号、 字体组合标准;
04- 版式设计规范
28
M a d e b y y a n z h o u W e c h a t : 1 3 5 6 0 0 1 2 3 6 4
8. Pages Standard / 详情页标准
VISUAL DESIGN
① 形象
② 灵感
③ 潮流趋势
④ 大卖点
⑤ 街拍
Key Word- 产品诉求的视觉化表达
1- 核⼼心信息排序
2- ⼤大卖点的创意表现
3- 竖屏思维应⽤用
⑥ 模特
⑦ 参数
⑧ 容量
⑨ 细节
①
②
③
④
⑤
⑥
⑦
⑧
⑨
29
M a d e b y y a n z h o u W e c h a t : 1 3 5 6 0 0 1 2 3 6 4