夜听:夜听.爱情博物馆

2019-08-10 H5案例分享 H5案例分享
夜听:夜听.爱情博物馆


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

识别图中二维码

夜听.爱情博物馆-查阅二维码

完整欣赏此案例大约需要4分20秒


案例:夜听.爱情博物馆

品牌:夜听

亮点:

  1. 创意定位

微信公众号“夜听”出品的分享爱情故事的H5作品,用户在作品中可以欣赏别人晒出的照片,浏览关于照片上物品的故事,最后可邀请朋友参观,也可以上传自己的故事,有机会赢取奖品,以此增加公众号关注人数,同时追忆美好时光,分享甜蜜爱情。

 

  1. 策划逻辑

用户进入作品后,是一个照片展览馆,左后滑动屏幕参观墙上的照片,点击照片可打开详情页,查看上传者的名字,和关于此物的爱情故事,用户可在详情页直接点击左右键切换下一个故事,也可点击空白处返回画廊继续参观,最后可分享作品,或上传自己的故事和照片参加抽奖。

 

  1. 设计上

简单的类3D场馆,随着参观的进行,会有几个不同颜色的纯色墙面,和简单的立体形状物品作为画廊的装饰品,简单大方,突出了陈列的照片,所有照片都是实拍图,内容各不相同,有饰品,食物,衣服,合照,书本,门票,萌宠等,每个物品都寄托了一段对往事的追忆,读起来很温暖感人。

 

  1. 体验上

爱情有时是轰轰烈烈的,有时是被一件小事打动心扉的,作品中的照片都是生活中的常见物品,有的还带有明显的年代感,如明星画报,磁带等,但是搭配朴实的故事讲述,就让人觉得小物品也散发着暖暖的光芒,温馨又亲切。



技术实现: html5



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

罗西尼:默契挑战,解锁时间

美的×专业医美:浴照美人

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~