跳至主要内容

Header & Footer

本文件說明網站 Header（導航列）與 Footer（頁尾）在整體介面中的角色、結構與功能。

1. Header (Navigation Bar)​

1.1 目的​

  • 提供全站一致的入口導覽，協助使用者快速抵達主要內容。
  • 強化品牌識別（展示 Logo）。
  • 支援使用者的主要任務，例如查詢貨況（Tracking）。

1.2 結構與功能說明​

  • 放置於左側，點擊可回首頁。
  • 提供使用者辨識當前網站品牌的基礎視覺元素。

● 主導覽選單（Primary Navigation）​

包含以下主要頁面：

  • Home
  • Solutions
  • Industries
  • Expertise
  • Resources
  • Company
  • Contact

功能：

  • 引導使用者探索服務、解決方案、專業內容與企業資訊。
  • 分類明確、層級單純，提升可預測性與操作效率。

● Tracking（Primary CTA）​

  • 顯眼的按鈕設計。
  • 直接導向運輸查詢系統，是網站最核心的業務功能之一。
  • 主要任務導流點。

2.1 目的​

  • 作為全站底部的補充導覽，提供使用者額外的探索入口。
  • 提供聯絡資訊、法律資訊、品牌介紹等非核心但必要元素。
  • 統一網站結尾體驗、增強信任度。

2.2 結構與功能說明​

● 品牌區塊（左側）​

  • 包含 Logo 與簡短品牌描述。
  • 再次強化品牌定位。

● 導覽群組（中間主要結構）​

Footer 依照主題分成 4–5 個群組，提供快速索引：

COMPANY​

  • About Us
  • Leadership
  • Global Network
  • Newsroom
    （功能：提供探索企業資訊的第二入口）

SOLUTIONS​

  • Services Overview
  • Industries We Serve
  • Biotech Logistics
  • Compliance & Expertise
    （功能：再次提供業務導流，協助搜索者找到相關服務）

RESOURCES​

  • Overview
  • Case Studies
  • Insights
  • Whitepapers
  • FAQ
    （功能：提升 SEO、內容可探索性、使用者教育）

SUPPORT​

  • Tracking
  • Contact Us
    （功能：協助使用者更快速取得幫助及客服）

● 聯絡方式（右側）​

功能：

  • 讓使用者具體知道如何聯絡企業。
  • 用清楚資訊提升可信度。

● 法律資訊（Legal Links）​

包含三件套：

  • Terms of Use
  • Privacy Policy
  • Cookies Notice

功能：

  • 法規必要性，處理資料隱私、使用條款與 Cookie 政策。
  • 提升企業合規可信度。

● 版權（Copyright）​

  • 標示 © 2025 TailorMed
  • 提供法律與時間標記。

● 翻譯功能（Translation Widget）​

  • 位置：每一頁靠近瀏覽器底側右下角。
  • 提供多語言翻譯功能，協助不同語言的使用者閱讀網站內容。
  • 以浮動式工具列或按鈕形式呈現，不影響主要內容閱讀。
  • 點擊後可選擇目標語言進行頁面翻譯。

功能：

  • 提升國際化使用者體驗。
  • 降低語言障礙，擴大網站可及性。
  • 支援多種語言切換，滿足不同地區客戶需求。

3. Header & Footer 的互補角色​

  • 負責導入、引導、快速導航。
  • 主要承擔 任務導向（Task-Oriented） 功能，例如「Track」。
  • 提供額外資訊、內容延伸與法律要求。
  • 屬於 資訊補充（Information-Oriented） 與 信任構建（Trust-Oriented） 元素。

兩者共同確保：

  • 使用者無論瀏覽到哪一頁，都能順利完成任務並找到所需資訊。
  • 導覽一致性與品牌一致性。