借助 Adobe Experience Manager (AEM) Cloud 實現卓越的網站改造

借助 Adobe Experience Manager (AEM) Cloud 實現卓越的網站改造

客戶介紹:
客戶在香港已有超過45年的建造業培訓經驗,致力為香港建造業培育有專業技術、有理論基礎、有安全意識、有創新意念、有工作熱誠並引以自豪的優秀人才。 從行業論壇和會議到實習計劃和專業社交活動,客戶為學生、教師和行業專業人士提供了大量的聯系、合作和交流想法的機會。

解决方案: AEM Sites, AEM as a Cloud Service, Adobe Experience Cloud, Google Map, Google Analytics

項目背景:
客戶的兩個成員組織目前分別依賴兩個獨立的網站來向公眾宣傳和推廣各種節目、課程和活動。然而,隨著時間的推移,課程和方案的種類不斷擴大,但目前的網站設計尚未跟上用戶體驗和運營效率方面的期望。因此,在客戶的數字化轉型之旅中,需要進行網站改造,以豐富關鍵利益相關者的體驗和關系管理。

此外,目前各個網站都有自己的技術堆棧和CMS系統,這意味著編輯者需要花時間學習每個系統的操作流程。同時,每個網站都需要獨立的資源來支持,比如服務器、數據庫等,這會大大增加運營和維護的成本。

挑戰:

  1. 過時的設計:現有網站的設計過時,不能反映該機構現代和創新的教育方法。
  2. 缺乏移動響應能力:網站沒有針對移動設備進行優化,導致移動用戶的用戶體驗較差。
  3. CMS功能有限:現有CMS沒有先進的所見即所得(WYSIWYG)編輯器,限制了編輯人員快速高效更新內容的能力。
  4. 內容可重用性挑戰:在網站之間重用共享內容和功能(例如課程列表、新聞和活動)的挑戰構成了重大障礙。 內容作者可能會發現自己需要在多個站點上發布相同的內容,從而導致重復並可能損害數據完整性。 這種重復不僅消耗寶貴的時間和資源,而且還增加了跨平臺不壹致的風險。
  5. 搜索功能不足:用戶在舊網站中很難搜索到自己想要的相關內容,搜索速度也比較慢,無法滿足用戶快速獲取相關信息的需求和期望。
  6. 不統壹的技術堆棧:不統壹的技術堆棧使網絡安全治理變得復雜,增加了網站、數據中心和其他IT基礎設施的脆弱性。
  7. 內容翻譯:如何快速將繁體中文內容轉換為簡體中文內容,提高內容制作速度並節省人力資源,是客戶在本次網站改版項目中的壹個重要目標。
  8. 缺乏統壹的權限管理和工作流程:缺乏統壹的權限管理和工作流程,導致數據混亂、工作效率低下、無法跟蹤監控,存在嚴重的安全風險。

我們的解決方案:
此次網站重構項目的挑戰涵蓋網站設計、用戶體驗、內容管理、流程管理和網絡安全治理等各個方面。以下是應對每個挑戰的方法:

  1. 以用戶為中心的設計:設計了直觀的導航、清晰的號召性用語和視覺上吸引人的布局,以增強整體用戶體驗。融入專業培訓、現代數碼化、安全等元素,以適應該機構現代和創新的教育方法。
  2. 移動優化:針對移動設備優化網站,確保在不同屏幕尺寸和設備上提供無縫的用戶體驗。 采用響應式設計原則並利用適合移動設備的技術來滿足越來越多的移動用戶的需求。
  3. 簡化的內容管理:Adobe Experience Manager (AEM) 具有壹個強大的所見即所得編輯器(What You See Is What You Get,WYSIWYG),可讓內容編輯者直觀地創建和編輯網站內容,而無需編寫或了解HTML代碼。編輯者甚至可以輕松地對排版、樣式和布局進行調整,並實時預覽所做的更改,從而快速創建出專業水平的網頁內容。
  4. 内容可重用:我们利用Adobe Experience Manager(AEM)内容片段(Content Fragment)可重复使用的技术特点,为网站设计了十几个内容片段(Content Fragment),例如新闻、活动和媒体报道等。这样将来就可以很方便的在不同页面、渠道和项目中共享和重复使用这些内容,实现了数据一致性、完整性、可重复性,提高内容管理的效率。
  5. 優化搜索功能:在設計方面,我們重新設計了課程內容和頁面內容的搜索界面,使得篩選更加直觀、清晰和快捷。在技術方面,我們引入第三方搜索引擎Swiftype,借助其強大的搜索算法和基礎設施,有效提升搜索性能和準確性。
  6. 統壹的技術堆棧:采用 Adobe Experience Manager (AEM) Cloud 雲端解決方案,將來客戶的所有網站都會實施到AEM Cloud上。AEM Cloud 提供完全托管的服務,負責管理基礎架構、維護和更新,客戶無需擔心硬件、軟件的管理和維護工作。AEM Cloud 可以根據流量需求自動擴展,確保系統始終具備足夠的性能和可用性。Adobe 提供了嚴格的安全控制和合規性保障,包括數據加密、身份認證、訪問控制等,確保用戶數據的安全和隱私。
  7. 自動翻譯:通過將 Microsoft Azure AI Translator 翻譯工具集成到 AEM 中,可以快速將繁體中文內容轉換為簡體中文。編輯人員無需再花時間編輯簡體頁面,大大簡化了內容制作流程。
  8. 統壹的權限管理和工作流程:AEM 提供了靈活的工作流程管理工具,我們根據客戶的定制化需求創建和自定義的工作流程。AEM 提供了細粒度的權限控制,我們根據客戶的部門架構和管理需求,設計了可持續使用的部門管理架構,還將用戶組分為閱讀組、編輯組和審批組。將來,客戶的IT團隊可以自由地靈活地加減用戶組並設置權限。

前後對比:
新UI/UX:響應式設計兼容所有設備尺寸,富有科技感、專業感和現代感。

Before and After Comparison

新導航:信息結構更加清晰,主次分明,突出了搜索功能。

Before and After Comparison

新搜索:內容更易於查找,篩選更加簡潔,搜索速度更快。

Before and After Comparison

新排版:通過組件化設計,排版變得更加靈活多變,頁面更加豐富多彩。

Before and After Comparison

結果:
網站改造項目取得了成功,改版後的網站收到了用戶的積極反饋,提高了用戶體驗,他們發現新網站更易於導航且更具視覺吸引力。AEM Cloud 平臺簡化了內容管理流程,使員工能夠更高效地更新內容,並使網站保持最新的課程內容和消息內容。

類似案例

× WeChat QR Code

Scan this QR code to add us on WeChat

× Line QR Code

Scan this QR code to add us on Line