网易新闻 x 喜梦宝家居：那个丢失了梦想的年轻人

2019-06-12 H5案例分享 H5案例分享

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

识别图中二维码

那个丢失了梦想的年轻人-查阅二维码

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

案例：那个丢失了梦想的年轻人

品牌：网易新闻 x 喜梦宝家居

技术实现： pixi.js + swiper + jquery

亮点：

1. 创意定位

这是网易新闻与喜梦宝联合打造的H5宣传案例，旨在宣传充满爱意的居家生活。

2. 策划逻辑

两部分构成：

① 加载结束后，画面是正在奔跑赶时间的人，而后转变场景，到加班时间，下班后打开家门，家中一片混乱，自己却没有心情和力气整理，最后画面出现“我们在找：那个丢失了梦想的年轻人”

② 用户点击“开始”进入交互环节，在“地板”“墙纸”“窗户”“家具”“装饰”“人物”六个家装选项中选出自己心中的房间画面，最后生成海报，海报界面可以选择返回上一步继续编辑，也可以重新播放动画。

3. 设计上

卡通可爱风格，颜色偏暖色调。

4. 体验上

前半部分动画挑选现代年轻人最常见的生活场景能够引起感触，直戳用户内心，万千在外打拼的游子，一定会为之动容；后半部分给用户一个构造理想生活的机会，能够提高分享。

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

标签