上海美国商会(AmCham Shanghai)如何通过 Drupal 整合 5 个平台

AmCham author

AmCham Shanghai

ITC 设计的现代化上海美国商会网站在前端和后端都非常用户友好。其性能令人印象深刻,展示了 React 与 Drupal 结合的能力。我们坚信,得益于这个新网站,上海美国商会能够在未来几年继续为其会员提供同样高质量的服务。

AmCham desktop
IT Consultis Projects AmCham Shanghai mobile mockup
AmCham desktop
IT Consultis Projects AmCham Shanghai mobile mockup
arrow-left
right

在本 IT Consultis 案例研究中,我们将解释如何通过 Drupal 将上海美国商会网站转变为一个现代化且直观的门户,以连接其会员和合作伙伴。 

关于客户:上海美国商会 

上海美国商会(AmCham Shanghai)是亚太地区最大的美国商会,被誉为“美国商业在中国的声音”。 


成立于 1915 年,上海美国商会是美国在海外成立的第三家商会。作为一个非营利、无党派商业组织,该组织致力于自由贸易、开放市场、私营企业和信息自由流动的原则。 


因此,它始终努力为其会员提供最新信息和高品质服务。然而,像许多历史悠久的组织一样,上海美国商会也意识到需要跟上用户体验期望的变化和快速发展的技术。 


因此,2020 年,该组织与 IT Consultis(ITC)合作,彻底改造其网站以满足现代需求。这是其与会员、合作伙伴和潜在客户的关键触点之一。

The homepage of the AmCham Shanghai website that IT Consultis developed

目标 

对上海美国商会而言,首要问题是其旧网站的外观和感觉:它已经过时了。多年来未进行任何更新,显然不符合最新的网页设计原则。 
其次,商会的不同部门在不同的平台上展示。总共使用了以下 5 个平台: 

  • 基于 Microsoft CMS 的主页 
  • 基于 Drupal 的中小企业网站 
  • 基于 WordPress 的文章和资源页面 
  • 两个独立的 WordPress 页面上的分会网站 

此外,该组织同时使用了太多工具,这大大降低了网站的可用性和可管理性。将这些网站统一到一个平台是一个巨大的挑战。 

上海美国商会的解决方案

Another view of the homepage of the AmCham Shanghai website that IT Consultis developed

上海美国商会最初有 5 个运行中的网站,且都极为过时。因此,ITC 不仅介入构建一个整合的网站,还提供了战略咨询服务。 

第一步是选择正确的合作伙伴。 

ITC 的许多客户都是中国商会的成员,因此,上海美国商会的决策者可以听到对我们工作的真正客观反馈,并做出明智的选择。 

其次,我们帮助上海美国商会重新设计了网站地图。在审查了所有 5 个网站的网站地图后,ITC 与上海美国商会多个部门的相关利益相关者合作,将它们整合为一个全面统一的网站地图。 

第三,我们决定无头技术最适合其内容需求。这种架构将前端与后端分离,最终实现了高效的内容展示、管理和存储,而不影响后端。

ITC developed a headless architecture for AmCham Shanghai website. The frontend is React, connected via API to the backend framework Drupal 8. The backend is also connected via API to the CRM tool built with EventBank.

特别是,ITC 帮助上海美国商会选择 Drupal 作为最合适的内容管理软件(CMS),统一了所有之前的平台。对于前端,我们选择了 React。 


后端和前端通过我们团队构建的自定义模块使用 API 连接。得益于该模块,Drupal 上创建的所有不同内容类型、分类和菜单都得以展示。 


这确保了前端开发人员可以自由处理许多更改,而无需实际访问后端。例如,他们可以获取部分数据、过滤内容列表、选择图像的显示格式,甚至使用 Drupal 搜索功能!

ITC utilized Event Bank to make a CRM tool connected to the site to give AmCham full autonomous management capability

此外,我们集成了 Event Bank,创建了一个通过 API 连接到网站的 CRM 工具。这种连接确保了上海美国商会有强大的手段完全自主管理其网站,以: 

  • 支持会员 
  • 捕获有价值的数据 
  • 构建和监控 CRM 策略 
The Events page on the AmCham website

最后但同样重要的是,基于之前确定的网站地图,我们继续为网站定制 UX/UI 设计,以提供内容驱动的体验。 


ITC 对中国的 Drupal 网站进行了全面的设计和开发改造,创建了一个不仅美观而且用户友好且易于导航的网站。视觉效果简洁、经典且现代,同时完美符合中国用户的感知和期望。 

The AmCham website in mobile view

成果

除了设计一个现代化且专业的网站外,ITC 还显著增强了整个上海美国商会生态系统的可用性。得益于与 CRM 工具 Event Bank 的无缝连接,网站管理变得更加高效。 


此外,网站令人印象深刻的性能展示了 React(前端)与 Drupal(后端)结合的能力。(ITC 还提供 Drupal 新版本的建议,帮助客户更新其平台,确保最佳功能性和安全性。) 

最后,我们很高兴客户对我们的工作评价极高,并对交付的网站非常满意。以下是上海美国商会会长 Kenneth Jarrett 对网站及与 IT Consultis 合作的看法: 


“我们希望拥有一个现代化、用户友好且易于维护的网站,而 IT Consultis 实现了所有这些目标。在 IT Consultis 的支持下,我们迈入了现代数字时代,现在拥有一个移动友好且更易于管理的网站。我们会向有类似需求的其他组织推荐 IT Consultis。” 

Testimonial of the President of AmCham Shanghai - Kenneth Jarrett. He stated that they were pleased with IT Consultis's revamp of the website.

我们坚信,得益于这个新网站,上海美国商会能够在未来几年继续为其会员提供同样高质量的服务。 

考虑通过 Drupal 网站开发为您的网站进行改造吗?寻找中国的 Drupal 专家机构? 
查看我们的 Drupal 开发服务,并告诉我们更多关于您的项目! 

联系 IT Consultis 的专家,获取关于您网站可能面貌的详细分析和咨询! 
我们是一家位于上海的数字转型机构,拥有超过 10 年的经验,致力于为客户提供量身定制的解决方案,以提供最佳的数字体验。