网易新闻房产×孔雀城:爱的1000件小事

2019-11-24 H5案例分享 H5案例分享
网易新闻房产×孔雀城:爱的1000件小事


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

识别图中二维码

爱的1000件小事-查阅二维码

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


案例:爱的1000件小事

品牌:网易新闻房产×孔雀城

技术实现: JavaScript

亮点:

1.创意定位

 网易新闻房产联合孔雀城创作的创意H5作品,以“爱的1000件小事”为题,用户可以上传一张照片,讲一个有爱的小故事,最后生成“有爱”的故事海报,可供用户保存和分享,从而达到品牌传播的目的。

 

2.策划逻辑

①Loading部分:打开一个有“孔雀城”标志的信封;

②加载完成后,进入主题页,包含联合品牌Logo、“爱是一千件小事”主题以及唤起用户共鸣的一段文案:“感恩有你,温暖传城。我们一生中,会遇到2920000人,会打招呼的是398778人,会熟悉的是3879人,最终亲近的只有275人,每天都有故事发生。” 点击“和她们一起续写故事”按钮,进入“爱的1000件小事”故事列表。

③ 点击某一个故事,可以查看故事详情。

④ 点击页面底部的“分享爱的小事”按钮,进入用户上传页,页面分为两部分,上半部分可以上传一张照片,下半部分可以输入70个字的小故事,上传照片+输入文案后,点击“上传这份爱的小事”,即可生成一张“爱的小事”的海报。可以保存和分享。

 

3.视觉设计

以粉色为主视觉,界面清晰干净,文案精致,让人能感觉到一件件小事带给人们爱的温暖。

 

4.交互体验

交互简洁清晰,用户可以明确的浏览已经生成的故事,点选上传照片,调起键盘输入爱的小故事,每一个交互都清晰明了。很多人没有感人小故事,可咋办?





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

标签

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

相关推荐:

网易新闻房产 x 哒哒 x 孔雀城:2019年 最后一批80后也30岁了

网易新闻X哒哒X MAZDA: 唤醒你内心深处的另一面

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~