为威立雅(Veolia)牛口峪湿地公园打造创新游戏化应用

Veolia author

Veolia

ITC 帮助威立雅创建了一种个性化的 O2O 体验,通过一个与多个信标连接的移动应用,在牛口峪湿地公园的旅程中自动向用户的设备推送有趣且易于消化的内容。

it consultis project veolia niukouyu wetland park application phone mockup
it consultis project veolia niukouyu wetland park mobile application mockup
IT consultis project veolia niukouyu wetland park mobile app phone mockup
it consultis project veolia niukouyu wetland park application phone mockup
it consultis project veolia niukouyu wetland park mobile application mockup
IT consultis project veolia niukouyu wetland park mobile app phone mockup
arrow-left
right

在本 IT Consultis 案例研究中,我们将展示我们为威立雅完成的最新数字项目。这是一个由 iBeacons、React Native 和 Laravel 驱动的移动应用,旨在教育游客关于生态旅游和自然保护的知识,并帮助威立雅和中石化(Sinopec)提升社会责任。 

关于客户:威立雅 

威立雅集团是全球领先的资源管理组织之一,拥有近 18 万名员工。总体而言,该集团设计和提供水、废物和能源管理解决方案,以应对人道主义、社会和环境问题。 


通过其三项互补的业务活动,威立雅帮助提高资源的可获取性、保护现有资源并补充资源。 


自 20 世纪 90 年代进入中国市场以来,威立雅已在全国 40 个城市覆盖了 80 多个项目,包括废物管理以及水和能源活动。 


其中最杰出的项目之一是与亚洲最大炼油厂中石化的合作。2016 年,中石化选择威立雅中国管理其位于北京的燕山石化综合体的整个水循环。结果,这一合作伙伴关系成功在燕山基地实施了最佳环境标准。

Niuyouku Wetland Park is a unique entertainment venue resulting from the collaboration project between Sinopec and Veolia China to manage the water cycle of Yanshan petrochemicals complex in Beijing
牛口峪湿地公园

这还包括该地区湿地的修复计划,从而引入了牛口峪湿地公园,以改善当地自然生态环境,并突出威立雅和中石化的社会责任。 


该公园是一个独特的娱乐和休闲场所,处理来自燕山工厂的工业废水,并严格遵守生态规范。 

目标

威立雅和中石化的主要目标是为当地社区带来可持续发展机会。因此,他们决定创建一个定制且互动的旅程,以教育游客关于生态旅游和自然栖息地保护的知识。

The Homepage of the Veolia Niuyouku Wetland Park Bilingual mobile application
威立雅牛轭湖湿地公园主页 双语移动应用程序

然而,威立雅还需要一个合作伙伴来咨询并全面执行这一愿景——在物理环境中打造一个引人入胜的数字旅程。这正是 IT Consultis(ITC)介入的地方! 


为了更好地展示其在环境保护方面的专业知识和努力,我们的团队在咨询阶段发现了一个主要目标: 


我们需要创建一个互动、个性化的 O2O 体验。当游客在物理公园内移动时,我们将以引人入胜的方式引导和教育他们。该体验将由一个与多个信标连接的应用程序驱动。

威立雅的解决方案

1. 信标技术

体验的核心是将移动应用与多个信标连接。

信标是小型无线发射器,使用一种称为 BLE(低功耗蓝牙)的技术。通过这种协议,它们可以向附近的智能设备广播唯一标识符,使基于位置的搜索和互动更加轻松和准确。一旦连接,信标将执行预编程的功能。

A chart displaying the differences between Bluetooth Classic vs Bluetooth Low Energy
蓝牙经典版与蓝牙低功耗版

选择了由苹果开发的 iBeacon 协议来实现这一体验。iBeacon 将在用户进入由 GPS 引导的信标覆盖区域时与用户的智能设备互动。当用户接近特定信标时,内容会自动推送到专用应用程序。

2. 应用程序

如前所述,用户可以通过一个双语移动应用程序享受 O2O 体验。 


当他们进入信标集成区域时,应用程序会展示从信标中检索的内容。这可能是关于公园中特定物种的信息、测验或音频记录,用户可以通过互动了解更多关于环境和栖息地的主题。 

Relevant information (middle) and quizzes (right) pop up when mobile devices are in close proximity to the beacons (left)
当移动设备靠近信标(左)时,相关信息(中)和测验(右)会弹出

此外,该应用程序利用 GPS 帮助用户通过湿地公园的图示地图导航信标集成区域。借助 GPS,用户可以在旅程的任何阶段获得指导。 


此外,用户可以在应用程序的新闻页面上获取有关威立雅或牛口峪湿地公园的新闻和更新。 


最后,游客可以在访问结束时直接通过应用程序发送反馈,并通过微信与朋友分享他们的体验。 

3. 设计

总体而言,用户界面设计简洁且引人注目,以浅绿色和白色为主色调,结合干净一致的插图风格,创造了一个愉快且一致的用户旅程。

The in-app Map of the Niuyouku Wetland Park with GPS to help users easily navigate within the venue
带有 GPS 功能的牛轭湖湿地公园应用内地图可帮助用户轻松在场馆内导航

此外,应用程序的导航直观,用户体验流畅且高效。 


除了主应用程序外,ITC 还帮助创建了一个适用于旧移动设备的“Lite”版本。主要区别在于 Lite 版本未连接 GPS 和信标技术。 


由于它在不连接信标的情况下显示内容,因此使用较少的数据,节省用户手机的空间,并在所有网络条件下都能良好运行。

4. 旅程

这是如何逐步实现的?具体来说,用户旅程从游客进入公园入口时开始,展开如下: 

  1. 用户在公园入口扫描二维码,进入应用程序下载页面。 
  1. 欢迎页面介绍公园、安全规则和各种不同功能。 
  1. 应用程序上的地图使用户能够定位湿地中的 15 个互动区域。 
  1. 一旦用户进入信标覆盖的区域,他们的手机会震动,并出现推送通知,显示与该区域和所选旅程相关的特定类型内容。 
  1. 接下来,用户可以享受与体验一起出现的测验。 
  1. 在旅程结束时,游客可以通过微信留下反馈并与朋友分享他们在牛口峪湿地公园的体验。 
Users can write feedback (left) and share their experience at the Wetland Park with their friends on WeChat (right)
用户可以撰写反馈意见(左),并在微信(右)上与朋友分享他们在湿地公园的体验

5. 架构

除了 iBeacon 外,该项目还采用了无头架构,以 Laravel 为后端,React Native 为前端框架。因此,这保证了完全的灵活性、可扩展性和性能。 


我们的项目前端开发负责人 Gia 分享了他的想法: 


“我们的团队选择了 React Native 作为前端,iBeacon 和 Laravel 作为后端,以增加威立雅牛口峪湿地公园的游客互动。 


Laravel 主要用于更新内容(测验、图像和信标信息)。React Native 原生支持 iOS 和 Android 跨平台。这意味着我们可以节省大量时间同时开发两个平台。 


我们很高兴完成了这个具有挑战性的项目,并帮助威立雅实现了其教育目标。”

ITC created the Veolia Niuyouku Wetland Park app with React Native as the frontend framework connected headless to the backend Laravel
Technologies for developing the mobile app for Veolia

成果

最终成果是一个与 iBeacon 连接的出色移动应用程序,为牛口峪湿地公园提供了创新的游客体验。 


信标技术使威立雅能够轻松创建一个互动学习机会,通过在整个旅程中自动向用户的智能设备推送教育内容,使其既有趣又易于消化。反过来,用户可以享受一个游戏化的教育体验,拥有无缝的用户旅程。

威立雅北京绩效经理 Amber Liu 也分享了她的反馈: 
“我们非常高兴选择了 ITC 作为我们的数字合作伙伴。ITC 团队 100% 致力于我们的成功,并将我们的项目理念转化为信标的出色体验。我要感谢 ITC 的创意团队。毫无疑问,我会推荐 ITC!”