招商信诺人寿:如虎添翼,好运十二时辰贺新年!
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:如虎添翼,好运十二时辰贺新年!
品牌:招商信诺人寿
技术实现: html5
制作:Factory18十八厂
亮点:
- 1. 创意定位
招商信诺人寿在虎年新春到来之际推出“如虎添翼”主题H5,通过萌虎形象与趣味文案,传递对用户的虎年好运祝福。
- 2. 策划上
- ①首页是一只萌虎和转动的日冕,点击“开始转运”之后,进入旭日东升、华灯璀璨的昼夜更替的画面。
- ②点击“选择好运”,日冕转动随机指向某一个时辰,并自动弹出对应时辰的好运签,展示关于时辰的科普小知识,好运签的正面为萌虎形象,并自动翻转呈现反面的趣味签文。
- ③用户“点击查看时辰好运”,通过魔性/扎心/趣味文案展现职场人一天12时辰的工作、家庭等生活日常,并送出“装监控”式的好运祝福。
- 3. 设计上
- ①根据一天的天色变化和人们生活情景,选取6个代表性的时辰颜色,以黄色、蓝色、橘色、紫色等作为背景主色调。
- ②结合虎年、新春、好运等概念,配合的元素有萌虎、对联、元宝、金币、祥云等。
- ③萌虎的动作和表情与好运祝福语紧密相关,惟妙惟肖。
- 4. 交互上
- ①昼夜更替的画面自动循环,表达“时辰”之意,适当的提示引导用户快速了解操作,简单点击转动的日冕即可解锁好运。
- ②时辰好运签转动,给用户抽签、翻牌的感觉,十二时辰分别有对应的十二只萌虎和祝福文案,隐藏各不相同的惊喜。
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号