淘宝:猪年大吉新年签

2019-07-10 H5案例分享 H5案例分享
淘宝:猪年大吉新年签


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

识别图中二维码

猪年大吉新年签-查阅二维码

完整欣赏此案例大约需要40秒


案例:猪年大吉新年签

品牌:淘宝

亮点:

1.创意定位

由淘宝制作的一款关于2019猪年的DIY换装H5,年味十足的设计。

 

2.策划逻辑

整个H5大致分为三部分:

 

①Loading部分:加载页是很有意思的两个人头像以及一堆元素混在一起的页面。用繁体字写着“猪事大吉”“新年签”,加载条藏在其中,随着加载进度,上方的一个小乌龟也跟着一起走,加载完成后加载条变成“开始游戏”。

 

②DIY部分:出现男生和女生的头像,选择性别,“通过打造你的新年形象,来抽取属于你的新年签,每个人都是一个宇宙,2019年让我们更好的折腾地球”,选择完毕进入DIY页面,可以变换的地方很多,还有宠物以及配件的搭配,人物身上可变换头发、表情、衣服、裤子、和饰品。还可在背景添加各类元素、物件和宠物。点击右方的小相机简短的Loading是新年签样式的,“刷刷刷,你的形象新年签生成中”

 

③落地页部分:正上方是刚刚的截图,下方会随机出第几签和运气。“第x签——小吉”,并随机出现一个称号和标语,右边是淘宝天下的Logo,下方是二维码。

 

3.设计上

主色调为缓缓的黄色和红色。非常可爱的画风,融入了很多潮流热点元素。Loading页面就让人很想玩下去。

 

4.体验上

氛围真实,让人有一种红红火火恍恍惚惚的新年感觉。不过不知道是台湾设计上制作的还是想要衬托有些古早的求签活动,通篇繁体字,也有很多日本元素。



技术实现: HTML5



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

标签

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

相关推荐:

网易云音乐:你的2019好运签

中国国际航空公司:金猪到来,天降洪福

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~