SAP：The HXM Expedition from SAP

2022-02-16 H5案例分享 H5案例分享

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

识别图中二维码

The HXM Expedition from SAP-查阅二维码

完整欣赏此案例大约需要6-8分钟

案例：The HXM Expedition from SAP

品牌：SAP

技术实现： gif + canvas

亮点：

1、创意定位

SAP软件产品宣传H5，沉浸式讲述SAP的软件为目标用户服务的故事。

2、策划上

① 整体沉浸式故事分为3部分：HXM远征（故事前景介绍）、任务一支持团队、任务二发挥最大潜能。

② 加载完毕，横向滑动屏幕，进入故事前景介绍，讲述主人公Alex是一名36岁的技术工程师，管理南极洲考察队；另外一个角色是项目经理Lily（42岁，在项目指挥部工作），滑动屏幕切换Lily；

③ 任务一支持团队，Alex可以通过软件查看项目团队人员工作情况，例如：每人的压力水平、工作量、休假天数、满意度；Lily可以远程配合招聘工作，并给出最佳方案；

④ 任务二发挥最大潜能，Alex自身遇到工作管理问题时，Lily也可以通过软件及时沟通发现，并协助解决Alex工作中作为管理者的问题。

3、设计上

欧美画风，黑白线稿，局部上色（例如人物衣服、软件设备）。

4、交互上

① 在用户不断向下滑动过程中，讲述故事；当用户停留，会出现底部TIP，滑动鼠标继续；

② 有软件界面，需要交互的位置，有眼睛形状的图标，点击查看。

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签