招商信诺人寿:如虎添翼,好运十二时辰贺新年!

2022-02-07 H5案例分享 H5案例分享
招商信诺人寿:如虎添翼,好运十二时辰贺新年!


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

识别图中二维码

如虎添翼,好运十二时辰贺新年!-查阅二维码

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


案例:如虎添翼,好运十二时辰贺新年!

品牌:招商信诺人寿

技术实现: html5

制作:Factory18十八厂

亮点:

  • 1. 创意定位

招商信诺人寿在虎年新春到来之际推出“如虎添翼”主题H5,通过萌虎形象与趣味文案,传递对用户的虎年好运祝福。

 

  • 2. 策划上
    • ①首页是一只萌虎和转动的日冕,点击“开始转运”之后,进入旭日东升、华灯璀璨的昼夜更替的画面。
    • ②点击“选择好运”,日冕转动随机指向某一个时辰,并自动弹出对应时辰的好运签,展示关于时辰的科普小知识,好运签的正面为萌虎形象,并自动翻转呈现反面的趣味签文。
    • ③用户“点击查看时辰好运”,通过魔性/扎心/趣味文案展现职场人一天12时辰的工作、家庭等生活日常,并送出“装监控”式的好运祝福。

 

  • 3. 设计上
    • ①根据一天的天色变化和人们生活情景,选取6个代表性的时辰颜色,以黄色、蓝色、橘色、紫色等作为背景主色调。
    • ②结合虎年、新春、好运等概念,配合的元素有萌虎、对联、元宝、金币、祥云等。
    • ③萌虎的动作和表情与好运祝福语紧密相关,惟妙惟肖。

 

  • 4. 交互上
    • ①昼夜更替的画面自动循环,表达“时辰”之意,适当的提示引导用户快速了解操作,简单点击转动的日冕即可解锁好运。
    • ②时辰好运签转动,给用户抽签、翻牌的感觉,十二时辰分别有对应的十二只萌虎和祝福文案,隐藏各不相同的惊喜。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

【合集】8支国外创意,不同的角度看创意

腾讯新闻:邀您一起太空过大年

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~