案例：玛奇朵学校

出品：星巴克

亮点：

1. 创意上，采用学校授课的形式，加上“擦水雾”特效，讲述如何制作一大杯星巴克玛奇朵咖啡。玛奇朵制作流程分4课（屏）：掌握糖浆、蒸奶技巧、研磨咖啡、焦糖绘画，每节一个具体问题，点击屏幕即可透过“屏幕”看到答案，然后点选答案，进入下一课，如果顺利通过4关，即可得到“毕业证书”。参与形式新颖，参与难度低，画面画质精良，处处体现星巴克的品质。
2. 设计上，淡绿主背，主色用咖啡色，透视屏幕后用绿色，给人清新提神的视觉体验；
3. 交互上，采用长按、点击屏幕的方式；
4. 文案上，活动规则及线下体验报名，字太小，不宜阅读。

技术实现： JavaScript

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

识别图中二维码

案例截屏：