冈本OKAMOTO：哪个瞬间让你想一直爱下去

2017-12-22 H5案例分享 H5案例分享

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

识别图中二维码

哪个瞬间让你想一直爱下去-查阅二维码

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

案例：哪个瞬间让你想一直爱下去

出品：冈本OKAMOTO

制作：微云客

亮点：

策划上，加载完成后展示首页海报及slogan“与时光相爱”。下滑进入一段56秒视频。视频中讲述了，一对情侣，从暗恋开始，到相识，相知，相爱，异地，同居等生活中的点点滴滴，一系列暖心瞬间。之后，展示一张文案，说明冈本与你共同迎接2018。同时给出三个选项“再看一遍”，“TA的故事”查看别人的明信片，“定制我的纪念日”进入明信片界面，可切换文字和配图。确认后可以免费寄送，也可以看看别人的故事。
设计上，浅色背景的卡通画风格，低艳度的色彩搭配，非常暖心。
交互上，首屏下划进入视频，体现撕下便笺纸，开始回忆。
体验上，暖心了。这个h5并没有强硬的广告植入，反而通过引起共鸣来，吸引用户观看，转发。

技术实现： tween.js + egret引擎 + exif.js

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

标签