智行火车票：我在行李箱里偷偷放了......

2018-04-28 H5案例分享 H5案例分享

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

识别图中二维码

我在行李箱里偷偷放了......-查阅二维码

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

案例：我在行李箱里偷偷放了......

出品：智行火车票

亮点：

策划上，加载完成后，页面提示用户：行李箱都帮你打开了，为自己或者为你想拖走的伙伴，收拾好行李，然后，出发吧！页面下方有两个按钮，引导用户为他人或者自己整理行李箱。进入后，页面上部分显示可以放12件物品，下部分显示有服装类、内衣类、化妆品等5类物品可供选择。选择完成后，点击“整理完成”按钮，生成一张图片。页面下方有两个按钮，引导用户分享或者输入个人信息领取智行火车票五一出游礼包。
设计上，手绘漫画风格，页面以白色为主，个元素的设计比较淡雅，整个给人感觉比较简洁；行李箱中放置的物品，包含的类型多样，旅行青蛙（佛系）、大保健、钞票、小猪佩奇手表（社会人标志呀）...紧跟潮流。
交互上，点击屏幕加载+两指滑动调整元素大小。
体验上，这个H5在细节上考虑的很周到，物品的设置数量也挺多，但还有一个缺点：不可以长按保存图片，截图保存的设置显得有些low。

技术实现： js

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

标签