Play video
Pause video

厚美德生技
HMD

興櫃級企業官網 + 投資人關係專區

2026

厚美德生技 HMD 興櫃級企業官網截圖
Scroll
專案類型興櫃級企業官網 + IR 專區
開發時間2026 年
主要技術Astro, Laravel, Filament
客群投資人 / 海外代理商 / 醫材夥伴
網站連結hmdbio.com

專案概述

厚美德生物科技是台灣的醫療器材研發製造商,主力是血糖監測系統與相關耗材,產品行銷全球六十多個國家,並承接國際品牌的 OBM/ODM 代工與技術轉移。2026 年 10 月,厚美德以代號 6660 正式登錄興櫃。

登錄興櫃前,官網的角色必須從「企業形象站」升級成興櫃級的對外溝通窗口:同一個網站要同時服務三種讀者——需要治理與財務資訊的投資人、評估代工能力的海外 B2B 夥伴,以及關心法規與品質系統的主管機關與客戶。

因此本案的重點不只是改版視覺,而是把投資人關係專區、雙語揭露流程與資安稽核做成系統:讓公司內部人員能自己在後台即時上架公告與財報,並由系統確保中英文資訊永遠同步。

66602026 年 10 月登錄興櫃
7大功能模組
中 / 英雙語同頁強制填寫

核心功能

01

投資人關係專區(IR)

公司治理、股東會、財務資訊、重大訊息、法說會、股務窗口六大子頁,PDF 由後台直接上架,揭露不必等工程師

02

中英雙語同頁防呆

重大訊息、財報與 IR 公告的中英欄位在同一頁編輯,任一語系未填即無法發布,杜絕中英資訊不一致

03

產品線與規格目錄

血糖監測系統、血糖試紙、糖尿病照護耗材、足部保健四大產品線,分類與規格由後台自行維護

04

OBM/ODM 技術服務頁

製程能力、技轉實績與 MDSAP、TFDA、ISO 13485、FDA、IVDR 等國際認證集中呈現,回應海外合作夥伴的評估重點

05

專利清單

專利以獨立頁面列表呈現,讓研發實力成為可被檢索、可被引用的具體資訊,而不是一句口號

06

新聞中心

公司新聞、展會動態與產品公告分類發布,興櫃掛牌等重要里程碑同步作為對外溝通內容

07

品牌與沿革

公司簡介、經營理念與里程碑沿革分頁呈現,讓投資人與客戶快速理解公司二十多年的發展脈絡

08

Filament 管理後台

全站內容、IR 文件、產品、新聞與 SEO 欄位皆可自行維護,並有角色權限與異動稽核紀錄

技術細節

IR 揭露的資訊架構

投資人專區依興櫃公司的揭露項目拆成公司治理、股東會、財務資訊、重大訊息、法說會與股務窗口六個子頁。每類文件都有自己的資料模型(年度、類別、中英 PDF),前台依年度自動分組,後台上傳後立即生效,不需要重新部署。

雙語同頁的發布防呆

一般 i18n 做法是中英文分開存、分開編輯。本案針對重大訊息、財報與 IR 公告改成中英文欄位並排在同一個表單,送出時由後端驗證兩個語系都已填寫才允許發布,把「中文改了、英文忘了改」從流程問題變成系統擋得住的規則。

外部資訊連結:MOPS 與櫃買中心

重大訊息除了站內公告,也連結到公開資訊觀測站;股價查詢則連到櫃買中心。這些外部連結都做成後台可設定的欄位,日後網址調整時,業主自己就能更新。

Astro SSR 與搜尋可見度

前端以 Astro 建構並採伺服器端渲染,產品線、專利與新聞內容都輸出成完整 HTML,讓 Google 與 AI 搜尋能直接讀取;選單、輪播等互動元件以 Vue 3 Islands 按需載入,兼顧效能。

資安與稽核

上市櫃公司的官網是資安稽核會被檢視的對象。全站強制 HTTPS/HSTS 並經 Cloudflare WAF 防護,後台支援雙因素驗證與 IP 白名單;所有內容異動與登入都留下稽核紀錄,並搭配每日異地備份與災難復原機制。

Filament 管理後台

後台以 Filament 建構,涵蓋 IR 文件、產品與分類、專利、新聞、頁面內容與 SEO 欄位,並以角色權限區分 IR 人員、行銷人員與管理者可以編輯的範圍。

使用技術

Backend

  • Laravel Framework
  • GraphQL API
  • Filament 管理後台
  • 角色權限 + 稽核紀錄

Frontend

  • Astro SSR
  • Vue 3 互動元件
  • TailwindCSS 樣式
  • 中英雙語路由

功能模組

  • 投資人關係專區
  • 產品線與專利
  • OBM/ODM 技術服務
  • 新聞中心
  • 雙語同頁發布防呆

部署 / 資安

  • Cloudflare WAF
  • HTTPS / HSTS
  • 後台 2FA + IP 白名單
  • 每日異地備份

常見問題

公司準備登錄興櫃,官網需要做哪些調整?

最大的改變是官網多了一群新讀者:投資人與主管機關。一般企業形象站只要把產品與品牌講清楚,興櫃公司則要有固定位置揭露公司治理文件、股東會資料、財務報告與重大訊息,並提供發言人與股務代理的聯絡窗口。這些資訊有揭露時效,所以重點不只是「有一個頁面」,而是讓公司內部人員能自己在後台即時上架 PDF 與公告,不必每次都等工程師。

「中英雙語同頁防呆」是什麼?為什麼上市櫃公司特別需要?

一般雙語網站是中文、英文各自編輯,常見狀況是中文公告改了、英文版忘了改。對上市櫃公司來說,這會造成外資與國內投資人看到的資訊不一致,屬於資訊揭露的風險。我們在後台把重大訊息、財務報表與 IR 公告的中英文欄位放在同一頁,任一語系沒填就無法發布,從系統面直接擋掉這種疏漏。

醫療器材公司的官網,跟一般製造業官網有什麼不同?

醫材產業的 B2B 客戶在意的是法規與品質系統,而不只是產品外觀。所以官網除了產品線與規格,還要把 ISO 13485、MDSAP、FDA、IVDR 等認證、專利清單與 OBM/ODM 代工能力講清楚,讓海外代理商與合作夥伴在第一次接觸時,就能判斷這家工廠能不能符合他們市場的法規要求。

CONTACT US

有類似需求?讓我們聊聊

不論是準備上市櫃的企業官網、投資人關係專區、雙語揭露流程或是可自行維護的後台,我們都能為您量身打造完整解決方案。

聯繫我們