江小白：这里藏着我的秘密
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例：这里藏着我的秘密
出品：江小白
亮点：
- 策划上，测试答题+图文展示。案例以一条时间线为索引，展示了一个典型的中国“空巢青年”的包括加班，生日，吃饭，看电影等诸多的生活情景，每个情景都会提问你，这是否与自己的生活情景相吻合，最后会根据选择给出你的空巢指数。情景间以左右滑动屏幕+点击按钮的交互形式过渡。答题结束后给出“空巢青年”相关数据，以及三段自省文案。测试结果页可以点击保存图片将测试结果合成为图片，并长按保存到手机中方便分享，也可以点击下一步进入结尾页。结尾页三个按钮，“测试结果”可以返回查看测试结果，“再看一次”可以重新来过，点击“找回自己”则可跳转进入江小白商品页。
- 设计上，漫画风格，整体色调偏暗，情景部分会有对应的场景音效出现，配合伤感风的钢琴曲BGM，整体上很好地渲染了一种“小确丧”的气氛。
- 体验上，案例将氛围营造得特别好，BGM+音效+文字，代入感很强，分分钟会把人带进那种伤感的情绪中，当然这也是对会有共鸣的人来讲，心中没有孤独感的人，应该也不会在案例中停留多久吧。整体上是个很不错的H5，但小五个人感觉，交互部分有点点繁琐，虽然是简单的滑动+点击，但进入场景需要点击按钮，场景触发动画还需要点击场景相关元素，一共有10个场景，加上整体节奏本身就偏慢，所以很容易会产生疲劳感，建议优化点击交互。其次，测试结果页，如果能放上用户的微信头像跟昵称，那么用户分享的欲望应该会更强一些。
技术实现： Egret(白鹭引擎)
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
