跳至主要内容

Home

首頁作為 TailorMed 的入口頁，需有效傳達品牌定位、展示核心優勢、提供主要任務導流並建立信任感。

Home Wireframe

1. Hero Section（主視覺區）​

目的​

  • 以品牌標語（Welcome to TailorMed）快速建立第一印象。
  • 傳達 TailorMed 作為生技與生命科學物流夥伴的角色定位。

功能​

  • 顯示主標語與簡短描述文字。
  • 兩個主要 CTA：
    • Tracking：前往貨件追蹤系統（主要任務導流）。
    • Learn More：導向服務概覽或 Solutions。
  • 以深色背景強化品牌專業感並形成視覺焦點。

2. Services Overview（服務總覽）​

目的​

  • 讓使用者第一時間理解 TailorMed 的服務範圍與業務涵蓋。

功能​

  • 六項主要服務以卡片方式呈現：
    • Cell & Gene Therapy
    • Bio-Sample Logistics
    • Clinical Trial Support
    • Vaccine Distribution
    • Temperature-Controlled Storage
    • Urgent Life Science Delivery
  • 每張卡片包含小標題、描述與「Learn More」導頁。
  • 作為通往各服務子頁的主要入口。

3. How We Work（物流流程）​

目的​

  • 提升透明度，讓客戶快速理解 TailorMed 的物流流程與標準化操作。

功能​

  • 以四步驟線性流程呈現：
    1. Collection
    2. Transport
    3. Monitor
    4. Delivery
  • 每步驟含圖示與簡要描述。
  • 強化 TailorMed 流程可靠且可預測的形象。

4. Our Expertise（專業能力）​

目的​

  • 展示 TailorMed 的核心能力、專長與差異化競爭優勢。
  • 建立企業可信度。

功能​

  • 四大優勢點列表呈現：
    • Global Network
    • Technology-Driven
    • Expert Team
    • 24/7 Support（可調整為較保守表達）
  • 使用 KPI / 數據（如 Countries Served、On-Time Delivery）提升可信度。
  • 右側可放置對應形象圖片。

5. Global Network（全球據點）​

目的​

  • 展示 TailorMed 的地理能力與國際覆蓋範圍。
  • 提供具體聯絡資訊與地圖定位。

功能​

  • 左側顯示各據點資訊：
    • HQ（Taipei）
    • Regional Office（Singapore 或未來 North America）
  • 右側顯示動態或靜態地圖（例如 Google Map Embed）。
  • 作為 Contact 或 Company 單元的延伸。

6. Partner / Credentials / Badges（認證或合作夥伴）​

目的​

  • 提供社會證明（Social Proof），提升品牌專業度與信賴感。

功能​

  • 可展示國際認證標章等。
  • 有助於提升潛在客戶對服務品質的信心。
  • 此區視 Wireframe 實際內容決定是否保留。

7. Latest Insights（最新洞察）​

目的​

  • 顯示近期內容更新（文章、案例研究、白皮書）。
  • 提升網站活性與 SEO 表現。
  • 為潛在客戶提供專業知識。

功能​

  • 列出最新三篇文章，包含：
    • 標題
    • 日期
    • 簡短摘要
    • Read More → 導向 WordPress 單篇文章頁
  • 與 Resources（知識中心）互相呼應。

8. Contact CTA（Ready to Get Started?）​

目的​

  • 推動轉換，是首頁最終的主要行動呼籲區。

功能​

  • 顯示 CTA 標語與引導文字。
  • 表單欄位：
    • Name
    • Email
    • Message
  • 提交按鈕（Send Message）。
  • 導入後續客服流程（可連動 email 或 CRM）。

9. Footer（頁尾）​

Footer 功能已於 Footer 規格文件中詳細描述，首頁中僅需保持一致性。

10. Home Page User Flow（使用者路徑）​

首訪訪客（Awareness）​

  • Hero → Services Overview → Expertise → CTA

有需求的客戶（Consideration）​

  • Hero → Tracking
  • Hero → Learn More → Solutions

追求知識或 SEO 進站者（Content-driven）​

  • Latest Insights → Resources → Case Studies / Insights

希望聯繫的客戶（Conversion）​

  • Scroll to bottom → Contact CTA → 表單送出

總結

首頁功能整體圍繞以下三大目標設計：

  1. 快速傳遞品牌定位與專業度（Hero, Expertise）
  2. 協助使用者找到需要的資訊（Services, Insights, Global Network）
  3. 引導完成任務與轉換（Track CTA, Contact CTA）