万科：我向往的生活

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

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

识别图中二维码

我向往的生活-查阅二维码

完整欣赏此案例大约需要55秒

案例：我向往的生活

出品：万科

亮点：

策划上，图文类，这是万科出品以“我向往的生活”为主题的宽景精装洋房发布会邀请函。加载完成后，提示用户长按屏幕，逐渐加载画面。以一镜到底的形式依次展示了房间里爸爸妈妈陪着孩子画画的场景，接着窗子打开，一家三口在草地上玩耍等四个场景，画面中同时配有“铺满阳光的房间，充满阳光的生活”、“把空间留给景观，把时间留给家人”等文案。最后画面回到最初的样子，四个场景都是图纸上设计的。最后显示万科宽景精装洋房发布会的详细信息，引导用户再次体验或者分享。
设计上，手绘漫画风格，颜色以黄色蓝色为主，鲜艳突出，给人印象深刻。
技术上，页面使用了animate动画。
体验上，这个H5相较传统的邀请函，在交互方式上与众不同，没有详细介绍出品的种种优势，而是从人文情怀这一角度，在感情上打动人。

技术实现： iH5工具+orienter.js+hammer.js+pixi.js

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

标签