爱的1000件小事

案例:爱的1000件小事

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

技术实现: JavaScript

亮点:

1.创意定位

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

2.策划逻辑

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

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

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

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

3.视觉设计

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

4.交互体验

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

【案例截屏】

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

财经自媒体联盟更多自媒体作者

新浪首页 语音播报 相关新闻 返回顶部