网易新闻房产×孔雀城:爱的1000件小事
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:爱的1000件小事
品牌:网易新闻房产×孔雀城
技术实现: JavaScript
亮点:
1.创意定位
网易新闻房产联合孔雀城创作的创意H5作品,以“爱的1000件小事”为题,用户可以上传一张照片,讲一个有爱的小故事,最后生成“有爱”的故事海报,可供用户保存和分享,从而达到品牌传播的目的。
2.策划逻辑
①Loading部分:打开一个有“孔雀城”标志的信封;
②加载完成后,进入主题页,包含联合品牌Logo、“爱是一千件小事”主题以及唤起用户共鸣的一段文案:“感恩有你,温暖传城。我们一生中,会遇到2920000人,会打招呼的是398778人,会熟悉的是3879人,最终亲近的只有275人,每天都有故事发生。” 点击“和她们一起续写故事”按钮,进入“爱的1000件小事”故事列表。
③ 点击某一个故事,可以查看故事详情。
④ 点击页面底部的“分享爱的小事”按钮,进入用户上传页,页面分为两部分,上半部分可以上传一张照片,下半部分可以输入70个字的小故事,上传照片+输入文案后,点击“上传这份爱的小事”,即可生成一张“爱的小事”的海报。可以保存和分享。
3.视觉设计
以粉色为主视觉,界面清晰干净,文案精致,让人能感觉到一件件小事带给人们爱的温暖。
4.交互体验
交互简洁清晰,用户可以明确的浏览已经生成的故事,点选上传照片,调起键盘输入爱的小故事,每一个交互都清晰明了。很多人没有感人小故事,可咋办?
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号