朗读•袁庚：招商蛇口

2017-04-24 H5案例分享 H5案例分享

案例：招商蛇口

出品：朗读•袁庚

制作：汇聚声音的力量，用声音致敬袁庚，快来参与朗读，点击倾听吧~~~

亮点：

策划上，语音类，①加载结束，黑胶唱盘滑动，由一段走心的文案呼吁大家用声音传递“蛇口精神”，点击首页加入朗读者，而后从六个读袁庚·精选中，任选一种，然后点击进行朗读；② 照着页面中央的文字读出来并进行录音，点击完成结束朗读，稍后点击试听可听自己先前录的声音，点击重录可再次录制；③ 点击保存将录好的音频保存下来并跳转到尾页，长按保存有声海报分享图片或者直接点击右上角传递声音。
设计上，怀旧风格，采用橘红色作为主色调，棕色作为背景色，再配上富有年代感的唱片和历史图片，让人不禁走进那段历史。
交互上，主要采用点击方式进行交互，朗读的文字内容较多，可上下滑动屏幕显示全部文字。

技术实现：捂得太严了，小编看不到啊~~~

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

识别图中二维码

招商蛇口-查阅二维码

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

标签