天猫×YESIC×LOFFEE:随心所欲!打造我的梦想办公位!

2019-07-10 H5案例分享 H5案例分享
天猫×YESIC×LOFFEE:随心所欲!打造我的梦想办公位!


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

识别图中二维码

随心所欲!打造我的梦想办公位!-查阅二维码

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


案例:随心所欲!打造我的梦想办公位!

品牌:天猫×YESIC×LOFFEE

亮点:

1.创意定位

由天猫的“国潮来了”和YES!IC、LOFFEE联合制作的一个简洁手绘风格装扮办公位的小游戏H5。

 

2.策划逻辑

整个H5非常简单,主要分为两部分:

 

①DIY部分:首先获得微信的授权,进入主页面,深蓝色的背景,右下有一个卡通小人,白色的对话框写着“Hello!上班第一天欢迎来到你的新办公位,可依照喜好装饰自己跌办公环境,让办公生活更有色彩!”对话框上方有三个品牌的Logo,点击下方的START。出现的是简单的办公位,白色提示框写着“点击+打造我的梦想办公桌”,总共有5处可以变换的地方,装扮完成点击“点击完成”。

 

②海报部分:薄荷绿色背景,上方是办公位的截图,最上方是三个品牌的Logo,左下方有二维码,长按海报即可保存我和我的办公桌合照,右边有一只手举着照相机的图片,点击“返回修改”回到DIY部分,点击“GET同款办公桌”出现淘宝店页面。

 

3.设计上

除了深蓝色整个H5都是淡淡的马卡龙配色,让人看着有种清新的感觉。主要为蓝粉色调。

 

4.体验上

有趣的简洁线条卡通风格,如果元素更多一点就更好了~



技术实现: HTML5



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

标签

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

相关推荐:

天猫:寻找你的理想部落

杭州不能说的行业秘密-全球首部人力行业互动电影

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~