广州农商银行：留下你的声音，祝福其他人

2018-03-29 H5案例分享 H5案例分享

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

识别图中二维码

留下你的声音，祝福其他人-查阅二维码

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

案例：留下你的声音，祝福其他人

出品：广州农商银行

亮点：

策划上，开头是一个收音机，按照指示要顺时针移动摆正天线，对应了声音的主题；摆正天线后进入到赶地铁的场景中，身边围绕着各种声音开始一天的生活；在下一界面中，过着人行横道，在嘈杂中旅行；在办公室里，熟练的敲打键盘办公；手机响电话响，这些声音伴随着我们生活；在下一界面里妈妈发来的语音询问是否买到了回家的票；下一界面里，对应了声音的主题，描述了声音的世界；最后的页面里可以选择录下自己的声音，下方的四个按钮都可以操作，录完之后点击成功就会分享给好友。
设计上，扁平风格，海报和漫画结合在一起通俗易懂，以米黄色为背景，界面设计干净素雅。
体验上，画面构造简单，过于单调，声音和银行的关联度不高。

技术实现： jquery

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

标签