快手:我在家乡的精神角落
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:我在家乡的精神角落
品牌:快手
技术实现: HTML5
亮点:
1.创意定位
快手推出的创意H5作品。以“我在家乡的精神角落”为主题,引导用户回忆家乡的点点滴滴,唤起共鸣,生成带有用户姓名和家乡的海报,形成传播和裂变,在这即将2023年春节之际,勾起更多在城市打拼的年轻人的思乡之情。
2.策划逻辑
大致逻辑:Loading → 主题页 → 答题页 → 输入姓名+选择家乡 → 海报页。
Loading部分是一个坐在风筝上的女孩,加载完毕,页面圆形扩展打开,风筝上的女孩成为主题页的核心元素,过渡丝滑,美感十足。淡出主题:寻找属于你的家乡精神角落。根据九型人格测试来找。
问题一,如果可以时间倒转,你最想回到哪个时刻?选项有:童年的放学后、初遇TA的瞬间、2019年的夏天。
问题二,前方的旅程,你想要搭乘什么风前行?选项有:扶摇直上的东风、自由不羁的海风、夹杂草香的清风。
问题三,途中遇见一群小伙伴,你希望谁能一直陪伴你?选项有:鹰、羊驼、猫、白熊。
问题四,当你疲惫时,最想要停留在何处?选项有:柔软的云朵上,山野徒步的林间,老街的屋顶上,游乐园的摩天轮上。
问题五,在经历了很久的飞行之后,你觉得那只风筝更像现在的你?选项有:简洁纯色的三角风筝,布满艺术波点的菱形风筝,有曲线花纹的飞鸟风筝。
输入姓名,限定在6个汉字以内;选择家乡,到省份。点击生成你在家乡的精神角落,经过一个简单过渡页,即可得到一张系统根据你的选项生成的海报。海报可以长按保存到手机相册。
3.视觉交互
唯美卡通风格,局部的动画特效给整个作品锦上添花,让每一个页面仿佛一幅画。并且在过渡时让场景无缝迁移,很舒服,就像思绪划过脑海,牵引着你回到过去,闻到家乡的味道,听见家乡的声音,看到家乡的美。
交互方式主要采用点击、滑屏、输入和长按保存等。
4.用户体验
很好看,也很用心,能引发很多即将回家的人的共鸣。马上春节了,你做好回家的准备了吗?你的精神世界里,是否还为家乡保留了一个角落?家乡的土,家乡的草,家乡的人,家乡的烟火气,很想你。
前几天小五看到一句话,用在这里很合适:读书是为了让我们摆脱贫困,而不是摆脱贫困的家乡。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号