---

做H5活动，平安。台中务业公对银行对公业务中台联合 B，用灯泡仔IP形象，推广对公业务中台。

H5 THEME

1. H5类型选择

测试类、新闻热点类、互动游戏类、公益类、软文故事类。

2. 影响因素

自恋炫耀心理、共鸣心理、好的视觉效果。

3. 用户心理状态

疫情下，用户希望表达情绪。

4. 综合分析结论

• 结合疫情下用户心理状态，精准贴合用户诉求。
• 选定主题《pick你的2020戳心话》。

H5 STYLE

孟菲斯风格，色彩明快、风趣、饱和度高。

1. 操作指引动效

按钮呼吸缩放动画提示。

2. 交互转场动效

界面转场元素连贯性、界面元素进出场动画。

3. 标签选择页标签翻动动效

3d景深旋转翻动操作方式，点击选择趣味动态反馈。

1. 屏幕适配

适配16:9及更长的全面屏手机。

2. 结果页 性适配

标签展示部分底色纯色或二方连续图，每增加一行标签，增加对应高度的二方连续背景图。

DATA

1. 浏览数（PV）、用户数（UV）

通过数据平台拉取浏览数、用户数，分析活动传播裂变效果。

2. 漏斗数据

通过漏斗数据分析用户流失情况，优化操作指引、内容设计优化与可用性走查。

3. 本次H5活动可以提升点

• Ui风格应更贴合主题。
• 动效需要有大的突破。
• 运营文案需更抓眼球。

• 活动设计要理清楚设计背景，确定好设计主题和方向。
• 孟菲斯风格、蒸汽波故障风、插画风是H5不错的选择。
• H5活动在保证用户体验的基础上，能加入好玩有趣的交互动效。
• 必须考虑好适配问题。
• 上线后的数据复盘能够帮助我们发现问题。

邀请你加入H5设计的世界，共同探索无限可能。