美好家：那些你不知道的西湖冷知识

2018-04-04 H5案例分享 H5案例分享

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

识别图中二维码

那些你不知道的西湖冷知识-查阅二维码

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

案例：那些你不知道的西湖冷知识

出品：美好家

亮点：

策划上，开头是一句简单问候，带着进入西湖情景；之后由一滴水滴低落，变成了一副画卷，在画卷里，向左滑动屏幕小船向右行进着开启西湖之旅；接下来的情景就是西湖简介由来和发展，三潭印月的由来，西湖文物的由来，曲院风荷的由来，西湖醋鱼的介绍，三生石的真正意义，北山路的别墅的故事；之后出了画卷进入到地下行宫，向上滑动屏幕，观看长图，主要介绍了北山路别墅的地下行宫，之后引入了美好家的推广。
设计上，横屏展示，动画风格。
体验上，在西湖的情景中，情景是一副画卷伴随着典雅的音乐，听起来让人舒缓放松；在地下行宫时的音乐是快节奏的，听起来诱惑力；画面的构图简单，却很淳朴；由西湖的历史故事逐渐切入到地下行宫，再由地下行宫引到美好家，创意新颖。

技术实现： zepto.js

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

标签