上线时间：2020-02-10
案列简介：作为华润置地在全国打造的第十五座万象城，泰州万象城一期生活馆于2017年12月23日盛大启幕。为此官方出品了这款线上宣传抽奖H5。
案列类型：H5
技术特点：常规H5
设计风格：MBE插画风格
场景特征：品牌宣传
H5案例名称：一起点亮万象城 瓜分开业大红包
H5案例品牌：泰州万象城
H5制作难点：开场动画视频
1.H5背景介绍：
万象城是世界500强企业华润集团旗下开发的高品质购物中心，是中国购物中心行业的领跑者。作为华润置地在全国打造的第十五座万象城，泰州万象城一期生活馆于2017年12月23日盛大启幕。为此官方出品了这款线上宣传抽奖H5。
2.H5详细内容：
点击进入H5进入一段快闪动画视频，画面在不同的动画人物之间不断转换，背景图是以动画形象展示的泰州万象城。随后即进入H5的首页封面页，背景图是动画形象的万象城整体形象，页面上方是万象城的页面标识，还有大字框的文字信息“点亮万象城”，用户可以点击页面右上方查看活动的主要规则，点击页面左下方查看自己已经获得的奖品，点击“点亮万象城”进入后续页面。主题玩法为抽奖活动，每个用户可选择一个战队来点亮万象城，每次点亮后可参与一次抽奖，奖品包括现金红包、礼品、品牌代金券、万象；每人每天可点亮万象城3次，可分享好友参与活动，每有一位好友打开游戏可增加一次点亮万象城的机会，每日最多可点亮10次。
抽奖页面背景图是立体文字形象的万象城，上方显示了已经参与了活动的人数，依次是我选择的战队、我的贡献值、贡献值排行榜等等，最后用户可以选择“点亮万象城”参与抽奖，或者分享给好友。
3.H5页面设计：
H5在玩法设计上采用了手绘动画的风格，配色上选择了紫色，开场动画视频的形式让H5整体上多了很多的趣味性，后续的抽奖页面简单易懂，用户体验很好。但是H5页面在整体上的动画设计显得十分模糊，这个体验不好，还可以很好的改进。
