粤省事:步履不停70年

案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:步履不停70年
品牌:粤省事
技术实现: PixiJS
亮点:
1.创意定位
由粤省事、粤商通、南方+三方合作制作的庆祝新中国成立70周年的H5。
2.策划逻辑
整个H5分为三部分:
①Loading部分:木质背景,上方一个老式电视,轮播着一些画面,下方写着“马上揭晓……”
②内容部分:进入主页的背景就建国大典的场景,中间部分有一个正在走路,下方有状态栏:左右方向键,照相机的按键还有五个待解锁的内容框,分别是:军装、自行车、传呼机、MP3、手机。提示长按右键向前走,蹦出提示框表示“走到提示地点可以点击界面的照相机图标进行拍照”点击屏幕任何位置关闭提示框。
向前走后遇到的第一个物品就是一件军装,点击“穿上军装”;第一个拍照场景是跳集体舞的爷爷奶奶,可长按保存图片,海报右下角是二维码,下方是三个品牌的Logo;
1961年的时候可获得自行车,1964年拍照场景是庆祝我国第一颗原子弹爆炸成功;1977年恢复高考;还有路过的中国女排五连冠、第十一届北京亚运会、得到BB机道具、游戏从像素到3D、四大天王时代、澳门回归、得到MP3道具、路过2008年北京奥运会的举办场所:鸟巢;再到使用手机。
③海报部分:最后已是一身现代装的青年又走回了天安门广场的门口,然后打印出了一张海报:庆祝中华人民共和国成立70周年“这个生日,你我与14亿人一同庆祝”,用户可点击“再走一遍”重新再看H5和“喊上好友”分享好友。
3.设计上
手绘画面,人物会随着用户长按左右按钮进行走动,后面大背景有细节动画。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号