国美超市：回忆召唤

2018-02-02 H5案例分享 H5案例分享

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

识别图中二维码

回忆召唤-查阅二维码

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

案例：回忆召唤

出品：国美超市

亮点：

策划上，图文展示类，Loading完毕，进入首页，是一个北京街道的画面，配文“在这个城市中，你平均每天会遇见…” 右下角有一个按钮，引导用户进入下一屏，逐渐引出“回忆”这一主题。页面继续，在第三页，有三个陌生人，选择一个，看TA的回忆，内容：小时候跟爸妈在一起的时光、青春时代难忘的爱恋以及小时与奶奶的相处画面。回忆结束，点击右下角按钮，进入下一屏，文字内容是对回忆的感慨，页面下方有两个按钮，引导用户生成自己的专属明信片或者进入年货主会场。
设计上，整体使用了动漫风格，场景上展现了街道、家庭等多个画面；音乐很安静，淡淡的，一点一点浸入人的心，去回忆，去感受。
交互上，用户上传图片，生成个人的专属明信片。

技术实现： jQuery.js+iScroll.js+hammer.js+swiper.js

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

标签