咸鱼：我想对你说

2018-05-08 H5案例分享 H5案例分享

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

识别图中二维码

我想对你说-查阅二维码

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

案例：我想对你说

出品：咸鱼

亮点：

策划上，宣传类。这是对咸鱼APP的宣传。进入首页，长按屏幕，让小鱼游起来，小鱼游的路程是一段激励人心的话语。我们满怀着期待上路，为了梦想去奋斗，没有被现实的巨浪打倒，吸引了知识，收获了能量，获得了幸福。然后引出“现在，我想对你说”，选择自己心仪的话语，可以选择私密的分享给个人，也可以选择公开告白（即分享到朋友圈或是群里），通过引导用户分享，达到了宣传的效果。
设计上，以黄色为主色调，这是咸鱼APP的主打颜色。
交互上，长按屏幕。
体验上，案例开始的交互很有创意，将一段激励人心的话比作水流，按住屏幕让小鱼前行，可顺利读完所有的话，然后跳转到分享页面，选择自己喜欢的你觉得深入己心的话进行分享，以此达到宣传的目的，很有趣的案例。

技术实现： jQuery.js + egret.js + tween.js + stats.js

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

标签