华润万家X网易新闻：端午祥瑞神兽录

2022-06-28 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

端午祥瑞神兽录-查阅二维码

完整欣赏此案例大约需要1分20秒

案例：端午祥瑞神兽录

品牌：华润万家X网易新闻

技术实现： html5

制作：html5

亮点：

我们将粽子拟人化，让用户通过问答获得属于自己的个性「神兽」，赋予H5强烈的端午气息和传奇色彩，在线上送出我们的祝福，同时为华润积累好感度，沉淀基于顾客的品牌资产。

打开H5，龙舟从loading掉落到首页引出主题，根据自己的情况选择适合的选项，共有6道问答题，其中个性表情1、个性标签3和描述性定语是根据用户每道选择题而生成，最后生成特定的神兽。

项目美术以古代作为基调，所呈现的物品或建筑是基于古代外形基础上进行创新，每只神兽或多或少拥有一个三角形的外轮廓，强关联粽子的外形，同时又融合了各种性格不同的神兽样子，视觉上，角色的层次会更丰富。

物品的拖拽和建筑的滑动触点反应很灵活，用户会多次刷H5，想要凑齐神兽的结果页。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签