天猫×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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号