淘宝:猪年大吉新年签
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要40秒
案例:猪年大吉新年签
品牌:淘宝
亮点:
1.创意定位
由淘宝制作的一款关于2019猪年的DIY换装H5,年味十足的设计。
2.策划逻辑
整个H5大致分为三部分:
①Loading部分:加载页是很有意思的两个人头像以及一堆元素混在一起的页面。用繁体字写着“猪事大吉”“新年签”,加载条藏在其中,随着加载进度,上方的一个小乌龟也跟着一起走,加载完成后加载条变成“开始游戏”。
②DIY部分:出现男生和女生的头像,选择性别,“通过打造你的新年形象,来抽取属于你的新年签,每个人都是一个宇宙,2019年让我们更好的折腾地球”,选择完毕进入DIY页面,可以变换的地方很多,还有宠物以及配件的搭配,人物身上可变换头发、表情、衣服、裤子、和饰品。还可在背景添加各类元素、物件和宠物。点击右方的小相机简短的Loading是新年签样式的,“刷刷刷,你的形象新年签生成中”
③落地页部分:正上方是刚刚的截图,下方会随机出第几签和运气。“第x签——小吉”,并随机出现一个称号和标语,右边是淘宝天下的Logo,下方是二维码。
3.设计上
主色调为缓缓的黄色和红色。非常可爱的画风,融入了很多潮流热点元素。Loading页面就让人很想玩下去。
4.体验上
氛围真实,让人有一种红红火火恍恍惚惚的新年感觉。不过不知道是台湾设计上制作的还是想要衬托有些古早的求签活动,通篇繁体字,也有很多日本元素。
技术实现: HTML5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号