HAPSODE悦芙媞：嘀哩一下，出去“鬼”混

2018-12-25 H5案例分享 H5案例分享

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

识别图中二维码

嘀哩一下，出去“鬼”混-查阅二维码

完整欣赏此案例大约需要1分51秒

案例：嘀哩一下，出去“鬼”混

出品：HAPSODE悦芙媞

亮点：

策划上，①这是在万圣节之际推出的一款变装类H5，②用户在首页选择性别，选择男性将会被拒绝，只能选择女性，③然后观看一段万圣节邀请的短动画，点击去变装开始DIY自己的变装，一④共有五大类型可以选择进行变装，女巫、吸血鬼、死神、僵尸护士、恶魔，选择完后点击变身成功进入下一步，⑤点击嘀哩一下进行手指变装，用户可以涂鸦双手指甲而且还可以选择图案，点击完成后生成变装海报，点击速领试用装跳转至网页。
设计上，设计采取插画手绘风格，黑色为背景色。
体验上，女主的话语搭配背景音乐，恐怖中带有一丝幽默。

技术实现： Zepto egret tween

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

标签