香港兴业国际X兴业太古汇:穿越百年时空 体悟城市更新的非凡魅力

2021-03-15 H5案例分享 H5案例分享
香港兴业国际X兴业太古汇:穿越百年时空 体悟城市更新的非凡魅力


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

识别图中二维码

穿越百年时空 体悟城市更新的非凡魅力-查阅二维码

完整欣赏此案例大约需要2分15秒


案例:穿越百年时空 体悟城市更新的非凡魅力

品牌:香港兴业国际X兴业太古汇

技术实现: egret.js + tween.js + video

亮点:

1.创意定位

回顾潮流中心兴业太古汇建设之路,邀请用户参与一系列主题活动,让用户了解兴业太古汇与上海城市变迁的历史,为各项活动预热,增加人气和相关产品销量。

 

2.策划逻辑

选择性别,开启时光之门,长按触点浏览,旁白加画面转换的形式,介绍了一个兴业太古汇人的成长史,20年代的上海街头,报童叫卖石库门里弄大中里落成的消息,自己在这里出生,享受童年,上学,结婚,迎接改革开放,香港回归和千禧年,收到拆迁通知后乔迁新居,大中里保护建筑启动移位工程,2017年崭新的现代潮流中心建成,2021年由子孙陪着一边逛街一边回顾往昔,在兴业太古汇合照,最后是兴业太古汇夜景图,用户可点击触点了解兴业太古汇展览活动,申领图书,了解兴业太古汇的故事,参与漫游活动,和制作年代照片。

 

3.设计上

手绘的作品全程是发黄的底色,很有古老时光的味道,也符合上海老弄堂给人的古朴印象,每个年代中兴业太古汇的样子也是大时代背景下的缩影,老式电视机,白色针织防尘罩,小时候玩的弹珠,穿跨栏背心坐在小板凳上吃饭,老式婚纱,自行车载着新娘子等情景,勾起童年回忆,很亲切也很美好。

 

4.交互上

按住屏幕不松手浏览作品,各种时代元素在屏幕中不断组成新景象,观看起来轻松有趣,契合回忆,最后的活动介绍较多,也很详细,时间地点活动详情和相关照片均有展示,用户可一一详细浏览,选择感兴趣的填写报名表格。

 





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

标签

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

相关推荐:

人民日报客户端X网易文创X哒哒:穿越2020

招商银行:城市年味

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~