背景
一間準備上興櫃的生技公司,需要被看懂
恆星生技準備申請興櫃,需要一個能同時服務三種讀者的網站:專業投資人、潛在合作藥廠,以及媒體記者。這三種人的專業程度天差地遠,但他們會看的是同一個網站。
原本的網站是典型的生技公司做法——大量的專有名詞、看不懂的分子結構圖、以及一份長達 40 頁的 PDF。
把艱澀的新藥研發流程,做成連非專業投資人都能讀懂的一頁式敘事。
+240%
投資人專區停留時間
3
語系同步上線
AA
無障礙檢測等級
背景
恆星生技準備申請興櫃,需要一個能同時服務三種讀者的網站:專業投資人、潛在合作藥廠,以及媒體記者。這三種人的專業程度天差地遠,但他們會看的是同一個網站。
原本的網站是典型的生技公司做法——大量的專有名詞、看不懂的分子結構圖、以及一份長達 40 頁的 PDF。
挑戰
我們不能為了讓外行看懂而簡化到失真——專業投資人一眼就會看出破綻,那反而傷害信任。但也不能維持原樣,因為多數第一次接觸的人會直接離開。
還有一個技術挑戰:內容必須同時維護中、英、日三個語系,且法規要求財務資訊更新後所有語系必須同步。
解法
我們設計了一套「分層閱讀」的結構。每個研發管線都先用一句白話說明它要解決什麼病、目前走到哪一期;想深入的人可以展開,看到完整的臨床數據、試驗編號與論文引用。同一個頁面,兩種讀法。
研發流程則做成一條可互動的時間軸,把「臨床前 → I 期 → II 期 → III 期」視覺化成明確的進度條,讓不熟悉新藥開發的人也能一眼看出公司走到哪裡。
多語系採用 MDX + i18n 架構,內容與版型分離,行政同仁在同一個介面填三種語言,發布時一次同步,不會出現某一版忘記更新的狀況。
成果
新站上線後,投資人專區的平均停留時間從 48 秒增加到 2 分 44 秒。法說會後的媒體報導中,有多篇直接引用了網站上的研發管線圖表。
公司發言人給了我們一個很具體的回饋:「以前記者會打電話來問我們的產品是做什麼的,現在他們打來問下一期什麼時候。」
「最難的是把專業講得簡單又不失真,他們做到了,而且沒有一個字是我們需要回頭修正的。」