LOFTER:穿越老时光,你在做什么?

2021-10-08 H5案例分享 H5案例分享
LOFTER:穿越老时光,你在做什么?


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

识别图中二维码

穿越老时光,你在做什么?-查阅二维码

完整欣赏此案例大约需要30秒


案例:穿越老时光,你在做什么?

品牌:LOFTER

技术实现: HTML5

亮点:

1.创意定位

Lofter品牌以“穿越”为主题的创意H5作品,通过让用户选择穿越环境偏好、性格偏好和输入姓名,生成对应时空的一张老物件海报。穿越次数在H5中有一定限制,如果用户想尽情体验“穿越”,可以下载Lofter客户端。品牌曝光和客户端下载引流,一箭双雕。

 

2.策划逻辑

整体逻辑简洁清晰:主题页 → 海报落地页 → 海报。

 

主题页:包含品牌和主题的露出。Lofter推出的“穿越老时光 你在做什么?”。还包含:穿越环境偏好(自然、都市、小镇)、穿越性格偏好(可爱、活泼、稳重)、输入你的名字,点选选择项和输入项,点击“立即穿越”按钮,进入海报落地页。

 

海报落地页:包含输入的姓名、穿越到的年份和对应文案,以及穿越年份对应的老物件。点击“保存分享图片”,弹出海报图,可以长按保存海报图到手机相册。点击“再测一次”,可以反复穿越,连续5次后,引导下载LOFTER客户端。

 

3.视觉交互

整体画面简洁,仿旧风格。交互主要是点选、输入和长按保存。

 

4.体验上

很易上手,选择后很快获得“穿越”结果海报,如果海报上的内容更打动人,就更能激发分享的欲望了。

 





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

标签

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

相关推荐:

LOFTER:测测你会被哪所大学录取

网易LOFTER乐乎:有点才华公司

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~