蒂芙尼 tiffany：520 · 爱之旅
- 2018-05-21 11:10:00
- admin 原创
- 195
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要 1分30秒
案例：520 · 爱之旅
出品：蒂芙尼 tiffany
亮点：
- 策划上，以5月20日的谐音“520”为策划出发点，其中有单机模式（就是自己一个人玩）和双机模式（两个人一起玩）两个方式。
- 策划上，单机模式下：（横屏观看）滑动屏幕左侧一个女孩踩着一枚金色戒指过来，右侧一个男孩踩着铂金色戒指过来，在屏幕中间汇合；点击屏幕提示的小手，两个小人，爬上云朵，坐上蒂芙尼的项链；再横向滑动屏幕，两个小人划着云朵小船，穿过三枚戒指，又拽着一串气球，来到有旋转木马的游乐场；点击气球，出现带一颗大钻石的戒指。
- 策划上，双机模式下：（竖屏观看）选择双机模式，生成一个二维码，你的同伴，扫描二维码，而后你们的屏幕上生成单机模式下的一半画面，互动方式和单机差不多。
- 策划上，最后查看动画中出现的四款蒂芙尼首饰，最后一屏提示关注蒂芙尼的公众号。
- 设计上，主色调使用的是蒂芙尼蓝(英语:Tiffany Blue），通过卡通的线条插画。产品使用的是真实的图片。
- 交互上，有单机和双机两个模式。单机模式时，首先竖屏观看，而后横屏观看，再竖屏观看。双机模式时，始终竖屏观看就可以。
技术实现： jQuery + socket.io + swiper + webpack
联系我们
| 联系人： | 左启互动 |
|---|---|
| 电话： | 18513886585 |
| QQ： | 525262910 |
| 微信： | 18513886585 |
| 网址： | www.leftdo.com |
| 地址： | 北京市朝阳区长楹天街星座7栋1008 |
