动画H5|情景测试H5—星巴克

案例:Starbucks

品牌:星巴克

玩法:动画

整理:蓝橙H5开发


1.详情内容上:

星巴克出品的动画H5,根据情景测试中用户的选择,推荐不同罐装咖啡的H5作品,以此让用户了解不同单品的主要卖点,提高品牌知名度和咖啡销量。一个绿色的会议厅,四个人先出现,然后四瓶不同的罐装咖啡出现并落在四人电脑旁,字幕提示时间过去了两小时,一位长发女生上方出现对话框说客户要求改方案,经理模样的人表示不再改了,四个人头上出现省略号,用户根据后墙上的提示点击某个人的省略号查看人物的内心OS。点击查看人物OS后会出现此人可以做的两个选择,用户点击任意一个后进入咖啡推荐页面,包括用户的名称和头像,罐装咖啡的名字和照片,单品卖点解析和人物性格表述,用户可在此界面点击链接购买咖啡,返回重新测试,或确认生成海报,确认生成后海报除了刚才的内容,还会有作品二维码显示。


2.页面设计上:

手绘的简约卡通画,情景的推进用对话框展现,人物会有很简单的一个动作变化,但基本是不动的,所有咖啡单品都以实物形象显示,强化用户印象,界面颜色以星巴克标志的绿色为主,简约,整齐,重点突出,主题明确,与人物较为明亮的衣着互相衬托,视觉上也感觉很好看。


3.用户体验上:

无休无止的开会是许多上班族都会遇到的场景,画面展示的情景比较能引发用户的熟悉感,给每个不同形象的人物设计的内心OS也各不相同,有吐槽队友的,有心力憔悴渴望下班的,有夹在中间左右为难的,也有态度明确的,很符合现实中的情况。


4214214.png


扫描二维码查看


12424214.png


注:如果你还想了解更多的H5精品案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。

 

相关链接:H5制作|小程序定制|节日H5|H5玩法|H5设计

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

方案咨询

价格咨询

工期咨询

联系电话

电话

17723342546

扫一扫

扫一扫

回到顶部