快手:我在家乡的精神角落

2023-01-04 H5案例分享 H5案例分享
快手:我在家乡的精神角落


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

识别图中二维码

我在家乡的精神角落-查阅二维码

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


案例:我在家乡的精神角落

品牌:快手

技术实现: HTML5

亮点:

1.创意定位

快手推出的创意H5作品。以“我在家乡的精神角落”为主题,引导用户回忆家乡的点点滴滴,唤起共鸣,生成带有用户姓名和家乡的海报,形成传播和裂变,在这即将2023年春节之际,勾起更多在城市打拼的年轻人的思乡之情。

 

2.策划逻辑

大致逻辑:Loading → 主题页 → 答题页 → 输入姓名+选择家乡 → 海报页。

 

Loading部分是一个坐在风筝上的女孩,加载完毕,页面圆形扩展打开,风筝上的女孩成为主题页的核心元素,过渡丝滑,美感十足。淡出主题:寻找属于你的家乡精神角落。根据九型人格测试来找。

 

问题一,如果可以时间倒转,你最想回到哪个时刻?选项有:童年的放学后、初遇TA的瞬间、2019年的夏天。

 

问题二,前方的旅程,你想要搭乘什么风前行?选项有:扶摇直上的东风、自由不羁的海风、夹杂草香的清风。

 

问题三,途中遇见一群小伙伴,你希望谁能一直陪伴你?选项有:鹰、羊驼、猫、白熊。

 

问题四,当你疲惫时,最想要停留在何处?选项有:柔软的云朵上,山野徒步的林间,老街的屋顶上,游乐园的摩天轮上。

 

问题五,在经历了很久的飞行之后,你觉得那只风筝更像现在的你?选项有:简洁纯色的三角风筝,布满艺术波点的菱形风筝,有曲线花纹的飞鸟风筝。

 

输入姓名,限定在6个汉字以内;选择家乡,到省份。点击生成你在家乡的精神角落,经过一个简单过渡页,即可得到一张系统根据你的选项生成的海报。海报可以长按保存到手机相册。

 

3.视觉交互

唯美卡通风格,局部的动画特效给整个作品锦上添花,让每一个页面仿佛一幅画。并且在过渡时让场景无缝迁移,很舒服,就像思绪划过脑海,牵引着你回到过去,闻到家乡的味道,听见家乡的声音,看到家乡的美。

 

交互方式主要采用点击、滑屏、输入和长按保存等。

 

4.用户体验

很好看,也很用心,能引发很多即将回家的人的共鸣。马上春节了,你做好回家的准备了吗?你的精神世界里,是否还为家乡保留了一个角落?家乡的土,家乡的草,家乡的人,家乡的烟火气,很想你。

 

前几天小五看到一句话,用在这里很合适:读书是为了让我们摆脱贫困,而不是摆脱贫困的家乡。

 





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

标签

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

相关推荐:

快手:AI画出你的2022

快手:想知道最契合你的灵魂职业吗

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~