LOFTER：穿越老时光，你在做什么？

2021-10-09 10:13来源：H5案例分享

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

识别图中二维码

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

案例：穿越老时光，你在做什么？

品牌：LOFTER

技术实现： HTML5

亮点：

1.创意定位

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

2.策划逻辑

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

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

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

3.视觉交互

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

4.体验上

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

会员登录