透過全新改版網站提升學生參與度

透過全新改版網站提升學生參與度

客戶介紹
該大學致力於透過學生事務處 (SA) 提供的多元服務與計畫,支持學生的發展、參與及福祉。SA 網站作為學生獲取資源、參與各類活動並高效管理校園生活的核心平台。為了更好地服務多元化的學生群體並提升數位可及性,該大學啟動了 SA 網站的改版專案,專注於提升使用者體驗、簡化服務訪問流程,並符合現代網頁標準。

解決方案
AEM Sites, Adobe Analytics, AEM as a Cloud Service, UX/UI 設計

概覽

該大學旨在透過全面改版學生事務處 (SA) 網站來提升學生參與度並簡化服務訪問流程。Leadstec 與大學合作,利用 Adobe Experience Manager (AEM) 雲端服務打造一個現代化、使用者友好的平台。此專案旨在改善網站可用性、加強與學校品牌的一致性,並確保提供穩健且可及的數位體驗。

挑戰

現有的 SA 網站面臨幾個挑戰:

  1. 設計過時,未能與大學最新的品牌指導方針對齊。
  2. 可及性功能有限,影響殘障人士的使用。
  3. 資訊架構分散,學生難以找到所需資源。
  4. 內容管理流程低效,導致更新延遲。

我們的解決方案

  1. 以使用者為中心的設計與強化可及性
    • Leadstec 重新設計了網站的使用者介面,與大學的網站設計指導方針對齊,並確保符合 WCAG 2.0 AA 級別的可及性標準。該響應式設計提供跨裝置的無縫體驗,支援桌面、平板和手機使用者。
      以使用者為中心的設計與強化可及性
  2. 簡化資訊架構
    • 為了改善導航,網站結構被重新組織為清晰的區塊,如校園生活與設施、職業中心及輔導服務等。每個區塊都有獨特的色彩主題,讓學生能輕鬆區分不同的服務。
      簡化資訊架構
  3. 先進的內容管理與多語言支援
    • 利用 AEM 強大的功能,重新設計的網站支援超過 160 頁的內容管理,涵蓋英語、繁體中文和簡體中文。各團隊可以獨立更新各自的區塊,確保內容及時且具相關性。
      先進的內容管理與多語言支援
  4. 定制化組件
    • 為了滿足大學的特定需求,幾個組件經過增強和開發:
      i. 內容過濾、滑動條和列表組件: 根據設定,允許活動顯示在各團隊的主頁或 SA 主頁上。
      定制化組件
      ii. 全新導航: 引入可點擊功能,顯示二級菜單並提供清晰的說明,幫助學生輕鬆識別並訪問額外的導航層級。
      全新導航
      iv. 活動詳情組件: 開發了一個專屬組件來展示簡要的活動資訊,提高了活動的可見度和使用者參與度。
      定制化組件
  5. 與大學系統整合
    • 網站無縫整合學生學習體驗系統 (SLES) API,自動顯示新聞與活動列表。透過 ElasticSearch 強化搜尋功能,提供精準且符合各區塊需求的搜尋結果。
      與大學系統整合
  6. 分析與效能監控
    • 透過整合 Adobe Analytics,讓大學能夠監測使用者行為與網站效能,從而支援數據驅動的決策,持續優化網站表現。

成果

  1. 提升參與度:優化的設計與導覽提升了學生的滿意度與參與度。
  2. 高效內容更新:分散式內容管理縮短了更新所需的時間。
  3. 提升無障礙體驗:符合 WCAG 標準,提升所有學生的可用性。
  4. 數據驅動的洞察:分析提供了可操作的數據,支持持續的改進。
  5. 順利過渡:完整的訓練計畫使大學員工能夠有效管理新網站。

使用者與員工反饋

學生事務處員工

學生事務處員工

新網站的管理變得更加簡便,尤其在使用 AEM 組件更新圖片和文字時,效率大幅提升。

學生事務處員工

學生事務處員工

重新設計的活動頁面,配備全新的活動詳情組件,清晰且有效地呈現活動內容,提升了整體使用者體驗。

學生事務處員工

學生事務處員工

新的導航設計直觀,讓使用者能輕鬆無礙地訪問各個區塊。

 

結論

透過與大學的緊密合作,Leadstec 提供了一個現代化、無障礙且以使用者為中心的 SA 網站。該專案不僅提升了學生的數位體驗,還簡化了內部流程,幫助大學更好地支持其學生社群。

類似案例

× WeChat QR Code

Scan this QR code to add us on WeChat

× Line QR Code

Scan this QR code to add us on Line