航海王强者之路手游粉丝后援会:解锁!我的本命海贼生命卡!

2019-07-09 H5案例分享 H5案例分享
航海王强者之路手游粉丝后援会:解锁!我的本命海贼生命卡!


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

识别图中二维码

解锁!我的本命海贼生命卡!-查阅二维码

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


案例:解锁!我的本命海贼生命卡!

品牌:航海王强者之路手游粉丝后援会

亮点:


 1.
创意定位

此h5由航海王之路手游粉丝后援会,向热爱玩游戏的你,热爱海贼王的你发出的一个海贼本命的生命卡,让用户置身其中下载游戏,带上你的伙伴一起出发吧!

 

 2.策划逻辑

 

  • ①Loading部分:

红色的背景中间是路飞伸长胳膊去拿鸡腿的进度条。

 

  • ②内容动画部分:

首页上方写着查看你的海贼生命卡,下方是点击测试,然后进入测试:

1.你更喜欢哪个画面(下方是四张图)

2.你更喜欢那种动物(下方是四个动物)

3.路飞突然说肚子疼,你觉得原因可能是(下方是四个原因)

4.在桑尼号上失眠了,你会选择(下方是四个选项)

5.海面上隐约看见有一座岛,你觉得岛上可能有(下方是四样东西)

6.选择2位你最想要一起同行的伙伴(下方是海贼王中的人物)

7.请选择1艘你想要拥有的海贼船(下方是各种船)

都选择完之后点击下方生命卡生成。

 

  • ③落地页:

点击之后你就会生成一张属于你自己生命卡,右下方有二维码,下方点击再测一次。还可以长按保存生命卡。

 

  3.设计上

色彩上就是体现路飞性格的的砖红色和芽黄色,视觉上很舒适,每一个问题的排版设计都很舒服,loading页的设计很有意思,完美的展现了路飞的能力。

 

  4.体验上

用测试的方式使用户了解这款游戏或者这个动漫,容易吸引受众群体,交互很流畅。



技术实现: html5



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

标签

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

相关推荐:

QQ空间:QQ空间带你一起潮流穿搭

知乎:蜘蛛侠和蜘蛛精Battle,谁能赢?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~