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

关于客户：上海美国商会 

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

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

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

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

目标 

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

• 基于 Microsoft CMS 的主页 

• 基于 Drupal 的中小企业网站 

• 基于 WordPress 的文章和资源页面 

• 两个独立的 WordPress 页面上的分会网站 

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

上海美国商会的解决方案

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

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

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

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

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

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

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

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

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

• 支持会员 

• 捕获有价值的数据 

• 构建和监控 CRM 策略 

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

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

成果

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

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

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

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

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