專案背景：

我們的客戶運營著一個支持全球業務的多地區網站網絡，服務於多語言的多樣化受眾。頁腳作為這些網站中的一個重要組成部分，既是關鍵的導航工具，也是企業連結、法律聲明和地區聯繫方式等重要資訊的展示平台。

然而，現有的頁腳設計已經過時，缺乏對現代用戶行為的響應性和最佳化，無法在桌面和移動裝置上提供良好的使用體驗。此外，其當前結構未完全遵循 SEO 最佳實踐，可能限制了網站在搜尋引擎中的能見度和效能表現。

因此，客戶啟動了頁尾重新設計與實施專案，以結合最新設計趨勢，提升功能性，並強化其臺灣及全球的數位形象，同時確保跨地區網站的品牌一致性。

挑戰：

1. SEO效能：現有頁腳設計未支持最佳的 SEO 實踐，限制了客戶在多語言網站中提升搜尋引擎可見性和排名的能力。
2. 響應性問題：當前頁腳缺乏完全響應式佈局，導致在桌面與移動裝置上的使用體驗不一致。這種不一致特別影響到移動用戶比例較高的地區的可用性和參與度。
3. 品牌一致性： 由於地區需求和本地化內容的差異，確保所有國際網站的品牌統一性是一大挑戰，可能導致使用者體驗的分散化。
4. 技術複雜性：在支持多語言和多地區的現有 AEM 框架中整合重新設計的頁腳需要仔細的規劃、開發和測試，以確保平穩的實施和功能性。
5. 內容可擴展性：在符合客戶設計與效能標準的同時，管理多語言網站的動態和可擴展內容，為專案增添了更多的複雜性。

我們的解決方案：

為了解決客戶的挑戰並實現專案目標，我們提出以下解決方案：

1. 自定義 AEM 頁腳元件：開發全新且完全響應的頁腳元件及 Adobe Experience Manager (AEM) 的體驗片段，以確保在所有裝置上的無縫使用者體驗。
2. 多語言內容整合：利用 AEM 強大的多語言內容功能，支持 10 種語言變體，無縫提供本地化體驗，並保持統一設計。
3. SEO 最佳化結構：實施符合 SEO 最佳實踐的頁腳設計，包括清晰的 HTML 結構、可訪問的連結和元數據增強，以提升搜尋引擎可見性和排名。
4. 響應式設計：確保新頁腳能完美適應不同的螢幕尺寸，為桌面與移動用戶提供一致且直觀的使用體驗。
5. 品牌對齊：透過 Adobe Experience Cloud 工具，將頁尾設計與品牌全球指導方針對齊，確保在臺灣及其他地區網站中的統一性。
6. AEM 雲端服務的高效實施：利用 AEM 雲端服務，在客戶廣泛的地區網站網絡中高效部署與管理頁腳重新設計，確保穩定性和效能。
7. 全面測試與推出：進行全面的 QA 測試，確保頁腳在所有語言網站和裝置上完美運作。分階段推出以減少中斷並確保平穩過渡。

前後對比：

1. 現代化、響應式設計：提供在所有裝置（桌面與移動）的無縫使用體驗的現代化、完全響應式頁腳設計。
   • 舊版頁腳
     
   • 新版頁腳
     
2. 統一的全球品牌：現在在所有 10 種語言變體中統一品牌，展現一致的全球影響力。
   • 
3. 互動式懸停效果：新增的頁腳連結懸停效果增強了互動性，使導航更具吸引力，提升了整體使用者體驗。
   • 標題的懸停效果：底線
     
   • 副標題的懸停效果：加粗
     

結論

頁腳重新設計取得成功，獲得使用者的積極反饋。更新後的響應式設計提升了美觀性與可用性，符合現代桌面與移動瀏覽習慣。AEM 雲端服務簡化了包括臺灣繁體中文在內的 10 種語言內容管理，提升了更新效率。SEO 的改進也增強了網站能見度，帶來更多流量並提升了使用者參與度。