Haier海尔：请你好好洗次澡

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

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

识别图中二维码

请你好好洗次澡-查阅二维码

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

案例：请你好好洗次澡

出品：Haier海尔

亮点：

策划上，Loading完毕，进入首页，页面呈现了浴室洗澡的画面，点击页面下方的“开洗”按钮，进入主要内容，依次显示了使用热水器是常遇到的三个问题，一：烧水时间长；二：热水器漏电，危险；三：洗澡水忽冷忽热。问题页面的下一屏瞬间换机，解决上述问题。对比突出了海尔热水器的优势，融入卖点。内容结束后引导用户进入京东海尔热水器购买页。
设计上，手绘漫画风格，再现了浴室洗澡的画面，雾气、泡泡、水流等细节表现的很细腻。
交互上，交互方式有三种：摇晃手机+滑动手机屏幕+连续点击屏幕。
体验上，这个H5的主要亮点在交互上，使用了3种交互方式，给人印象深刻；另一个亮点是页面的设计，手绘漫画，细节都有表现，很细致。

技术实现： js

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

标签