跳至主要內容
明日設計所
企業形象2024

恆星生技企業形象與投資人網站

把艱澀的新藥研發流程,做成連非專業投資人都能讀懂的一頁式敘事。

恆星生技 專案主視覺
客戶
恆星生物科技
年份
2024
類型
企業形象
服務項目
資訊架構、資訊設計、網站設計、多語系
技術
Next.js、MDX、i18n、Cloudflare

+240%

投資人專區停留時間

3

語系同步上線

AA

無障礙檢測等級

背景

一間準備上興櫃的生技公司,需要被看懂

恆星生技準備申請興櫃,需要一個能同時服務三種讀者的網站:專業投資人、潛在合作藥廠,以及媒體記者。這三種人的專業程度天差地遠,但他們會看的是同一個網站。

原本的網站是典型的生技公司做法——大量的專有名詞、看不懂的分子結構圖、以及一份長達 40 頁的 PDF。

恆星生技研發管線頁
分層式敘事:先看懂,再深入。

挑戰

資訊要夠深,但入口必須夠淺

我們不能為了讓外行看懂而簡化到失真——專業投資人一眼就會看出破綻,那反而傷害信任。但也不能維持原樣,因為多數第一次接觸的人會直接離開。

還有一個技術挑戰:內容必須同時維護中、英、日三個語系,且法規要求財務資訊更新後所有語系必須同步。

恆星生技投資人專區
投資人專區整合財報、法說與重大訊息。

解法

分層式敘事:每個段落都有兩層深度

我們設計了一套「分層閱讀」的結構。每個研發管線都先用一句白話說明它要解決什麼病、目前走到哪一期;想深入的人可以展開,看到完整的臨床數據、試驗編號與論文引用。同一個頁面,兩種讀法。

研發流程則做成一條可互動的時間軸,把「臨床前 → I 期 → II 期 → III 期」視覺化成明確的進度條,讓不熟悉新藥開發的人也能一眼看出公司走到哪裡。

多語系採用 MDX + i18n 架構,內容與版型分離,行政同仁在同一個介面填三種語言,發布時一次同步,不會出現某一版忘記更新的狀況。

恆星生技多語系介面
中英日三語系共用同一套版型與發布流程。

成果

投資人專區停留時間成長 240%

新站上線後,投資人專區的平均停留時間從 48 秒增加到 2 分 44 秒。法說會後的媒體報導中,有多篇直接引用了網站上的研發管線圖表。

公司發言人給了我們一個很具體的回饋:「以前記者會打電話來問我們的產品是做什麼的,現在他們打來問下一期什麼時候。」

最難的是把專業講得簡單又不失真,他們做到了,而且沒有一個字是我們需要回頭修正的。

黃書維·恆星生技 投資人關係主管