案例：Starbucks
品牌：星巴克
玩法：动画
整理：蓝橙H5开发
1.详情内容上：
星巴克出品的动画H5，根据情景测试中用户的选择，推荐不同罐装咖啡的H5作品，以此让用户了解不同单品的主要卖点，提高品牌知名度和咖啡销量。一个绿色的会议厅，四个人先出现，然后四瓶不同的罐装咖啡出现并落在四人电脑旁，字幕提示时间过去了两小时，一位长发女生上方出现对话框说客户要求改方案，经理模样的人表示不再改了，四个人头上出现省略号，用户根据后墙上的提示点击某个人的省略号查看人物的内心OS。点击查看人物OS后会出现此人可以做的两个选择，用户点击任意一个后进入咖啡推荐页面，包括用户的名称和头像，罐装咖啡的名字和照片，单品卖点解析和人物性格表述，用户可在此界面点击链接购买咖啡，返回重新测试，或确认生成海报，确认生成后海报除了刚才的内容，还会有作品二维码显示。
2.页面设计上：
手绘的简约卡通画，情景的推进用对话框展现，人物会有很简单的一个动作变化，但基本是不动的，所有咖啡单品都以实物形象显示，强化用户印象，界面颜色以星巴克标志的绿色为主，简约，整齐，重点突出，主题明确，与人物较为明亮的衣着互相衬托，视觉上也感觉很好看。
3.用户体验上：
无休无止的开会是许多上班族都会遇到的场景，画面展示的情景比较能引发用户的熟悉感，给每个不同形象的人物设计的内心OS也各不相同，有吐槽队友的，有心力憔悴渴望下班的，有夹在中间左右为难的，也有态度明确的，很符合现实中的情况。
扫描二维码查看
注：如果你还想了解更多的H5精品案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|小程序定制|节日H5|H5玩法|H5设计
