奇瑞汽车：来这里聆听年轻人的心声

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

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

识别图中二维码

来这里聆听年轻人的心声-查阅二维码

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

案例：来这里聆听年轻人的心声

出品：奇瑞汽车

亮点：

策划上，宣传类。这是对奇瑞汽车的宣传。进入首页，先是提示页，建议在锁屏的状态下观看，给人一种贴心的感觉。然后进入首页，点击即刻出发进入故事街巷，在每个页面的左上角有一个音乐的按钮，如果你不想听背景音乐的话，就可以点击关掉。接着进入故事街巷，一共有五个人的故事供你选择，可以选择其一听取他们的故事，在你听取其中一个人的故事时，你可以选择继续听故事，或者说出我的故事，或者25万个心声。点击继续听故事你会回到故事街巷，点击说出我的故事，会弹出一个页面填写你的故事，填写完成可以转化为语音收听，最后可以点击右上角的返回按钮返回。点击25万个心声，会出现一个遇见·吾艾的介绍，下方有三个礼遇图标可以随机点击，但是每个人每天只有三次的机会，用完之后会提示你今天的机会已用完，最后完成对奇瑞汽车的宣传。
设计上，以简单为主，让人一目了然，主画面采用了长图的形式供选择，为人们提供了很大的便利。
交互上，滑动，点击和输入。
体验上，通过故事街巷选择不同的故事，在让别人听故事的同时还可以宣传奇瑞汽车，可以达到很好的宣传效果，是一个比较不错的案例。

技术实现： jQuery.js + preload.js + velocity.js

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

标签