苏宁手机：记忆中的诺基亚

2018-01-10 H5案例分享 H5案例分享

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

识别图中二维码

记忆中的诺基亚-查阅二维码

完整欣赏此案例大约需要40秒

案例：记忆中的诺基亚

出品：苏宁手机

亮点：

策划上，图文展示类，① 时钟不停的转啊转，回首看，从1998到2018已过了20年，点击开启去看看这20年都发生了什么。② 木板开合间，通过1998，2000，2008，2011，2014，2016，2017，这几年极具代表性的物品，特别是通讯工具，配以当年代表性的事情，展现了这20年的世事发展。③ 由此发出世界一直在变，又好像什么都没变，也许，最难的改变就是不变吧的感慨，引出诺基亚的回归，2018全新诺基亚6，升级上市，苏宁易购倾心首发。点击尾页立即购买，即可到苏宁易购去一睹为快。
设计上，怀旧风格，画面转换间，用于过渡场景的木板，由开始的斑驳到后面的越来越新，越来越高级，间接衬托出世界一直在变；但都是木板，又好像什么都没变，与尾屏的主题感慨相呼应。通讯工具的改变，展现了诺基亚的发展变迁，于细雨润无声中，转换到 2018全新诺基亚6升级上市。
体验上，交互基本采用的都是点击方式，简单易操作。音乐舒缓动听，文案走心，动画设计的非常细腻，构图也非常的漂亮，增强了用户体验。

技术实现： jQuery

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

标签