-
生物科技網站設計，該如何規劃?
-
生物科技類型的網站設計大致區分為：應用範圍很廣，舉凡農業、醫學、環保、化學品…等都有對應的研發項目，除此之外，依照產業發展方向的不同，生物科技還可用顏色區分為：白色生物科技：應用於化學物質的生產過程、紅色生物科技：與醫學研究有關的生物科技、藍色生物科技：與水產養殖或是海洋相關的生物科技、綠色生物科技：應用於農業的過程。
而這邊會比較著重於「醫學類」，包含：組織再生、疾病診斷、藥物開發、基因治療、疫苗製造、融合技術，所謂生物醫藥品乃指利用基因工程、細胞工程…等新生物技術所開發之藥品。
建置內容單元，依據生物科技規模，大致只需區分掛號服務、關於生物科技、生物科技訊息、就醫指南、特色醫療、院外連結、連絡我們..等功能，可滿足絕大部份生物科技網站的需求。
生物科技網站，基礎的架構如樹狀圖中所列出，這算是基礎型架構，而最後的架構，還是要依照客戶的需求來規劃，因此客製化的網站設計，比較能夠滿足不同的服務項目。
一般的規劃及前後台功能分析如下：
一、首頁設計
1.首頁設計，依據客戶需求，打造獨一無二的網站風格及特效。
2.語系：可以選擇繁體中文或英文為主語系。
3.頁首預設規劃：關於我們、最新消息、研發進程、產品組合、投資人專區、永續發展專區、人力資源。
4.首頁三區塊單元規劃：廣告大圖輪播、研發進程、最新消息，或替換為其它形象圖規劃(固定式格式區塊-文字可由後台修改)連結設定至指定網址。
5.頁尾預設規劃：展開示(分類二層總覽)及簡捷項目單元示、連結(隱私權政策、網站使用條款)、聯絡資料。
6.第三方系統連結：LINE、Facebook、Instagram、YouTube。
二、各個單元的細項功能
1.隱私權政策
A.前台功能：
Privacy Policy：單頁個資隱私權說明，首次進入網站時，跳出視窗說明。
B.後台功能：
隱私權政策管理：編輯內文(文字/圖片/影片)。
C.美編網頁設計：
隱私權政策1頁。
2.關於我們
A.前台功能：
多筆文章列表、詳細內容，不限制文章數量，可由後台新增。
階層共二層，例：公司介紹>關於我們、組織架構..(文章列表)
聯絡我們：將公司地址、電話、傳真、E-mail…等資料公佈在此單頁，並且可將地址使用地圖方式明確標出(連結至Google MAP)，方便客戶了解公司所在地。
B.後台功能：
新增/修改/刪除/排序，主題、編輯內文(文字/圖片/影片)。
表單管理：觀看內容、刪除表單、狀態修改(已處理/未處理)。
新增/修改/刪除，E-mail設定，訂定聯絡表單的收信管理者E-mail(可多個)，防止漏信之問題。
C.美編網頁設計：
公司簡介X1頁。
成立沿革與里程碑X1頁。
公司策略 1頁。
核心價值 1頁。
經營團隊 1頁。
公司組織 1頁。
獲獎肯定 1頁。
聯絡我們 1頁。
3.研發進程
A.前台功能：
多筆文章列表、詳細內容，不限制文章數量，可由後台新增。
階層共三層，例：產品與研發>產品>文章列表
B.後台功能：
新增/修改/刪除/排序，分類、名稱。
新增/修改/刪除/排序，主題、編輯內文(文字/圖片/影片)。
C.美編網頁設計：
分類主題列表1頁。
4.產品組合
A.前台功能：
多筆文章列表、詳細內容，不限制文章數量，可由後台新增。
階層共三層，例：產品與研發>產品>文章列表
B.後台功能：
新增/修改/刪除/排序，分類、名稱。
新增/修改/刪除/排序，主題、編輯內文(文字/圖片/影片)。
C.美編網頁設計：
分類主題列表1頁。
5.投資人專區-財務資訊
A.前台功能：
分類(投資人專區>財務資訊)固定不可修改
財務資訊：選擇年度。
每月營收：選擇年份的每月營收，下載PDF檔案。
每季財報：選擇年份的每季財報，下載PDF檔案。
階層共四層，例：投資人關係>財務資訊>年度>下載PDF檔案列表
年度列表參考：每月營業報告、第一季合併財務報告、第二季合併財務報告、第三季合併財務報告、年度合併財務報告、個體財務報告、公司年報。
B.後台功能：
新增/修改/刪除/排序，年度。
新增/修改/刪除/排序，上傳每月營收、每季財報PDF檔及名稱編輯。
C.美編網頁設計：
單一年份內容及下載列表1頁。
6.投資人專區-公司治理
A.前台功能：
分類(投資人專區>公司治理)固定不可修改
多筆文章列表(如重要規章辦法、內部稽核）、詳細內容，不限制文章數量，可由後台新增。
階層共三層，例：投資人關係>公司治理>重要規章辦法(文章列表)
B.後台功能：
新增/修改/刪除/排序，文章列表、名稱。
新增/修改/刪除/排序，文章主題、編輯內文(文字/圖片/影片)。
C.美編網頁設計：
列表頁1頁。
介紹內頁1頁。
7.投資人專區-股東服務
A.前台功能：
分類(投資人專區>股東服務)固定不可修改
多筆文章列表(如即時股價、股東會議）、詳細內容，不限制文章數量，可由後台新增。
階層共三層，例：投資人關係>股東服務>即時股價(文章列表)
B.後台功能：
新增/修改/刪除/排序，文章列表、名稱。
新增/修改/刪除/排序，文章主題、編輯內文(文字/圖片/影片)。
C.美編網頁設計：
列表頁1頁。
介紹內頁1頁。
8.最新消息
A.前台功能：
消息列表、詳細內容，不限制文章數量，可由後台新增。
階層共二層，例：新聞中心>消息列表
B.後台功能：
新增/修改/刪除/排序，消息主題、編輯內文(文字/圖片/影片)。
C.美編網頁設計：
全部消息列表頁1頁。
消息內頁1頁。
9.永續發展專區
A.前台功能：
多筆文章列表(如環境保護、社會參與）、詳細內容，不限制文章數量，可由後台新增。
階層共二層，例：永續發展>環境保護(文章列表)
B.後台功能：
新增/修改/刪除/排序，文章列表、名稱。
新增/修改/刪除/排序，文章主題、編輯內文(文字/圖片/影片)。
C.美編網頁設計：
企業永續責任 1頁。
社會公益 1頁。
誠信經營 1頁。
利害關係人 1頁。
人權專區 1頁。
職場安全 1頁。
10.人力資源
A.前台功能：
多筆文章列表、詳細內容，不限制文章數量，可由後台新增。
階層共二層，例：人力資源>加入我們(文章列表)
B.後台功能：
新增/修改/刪除/排序，文章列表、名稱。
新增/修改/刪除/排序，文章主題、編輯內文(文字/圖片/影片)。
C.美編網頁設計：
列表頁1頁。
介紹內頁1頁。
除了完整的架構之外，在各種瀏覽器相容，包含：Microsoft Edge、Firefox、Chrome、Safari、iOS、Android 瀏覽器。
為了讓瀏覽者能快速搜索到網站，也要將SEO的欄位的編排，納入後台功能，包含：
Meta Tag 設定
1.首頁 Meta 描述：網站所有者 Author、網站標題 Title、首頁 Keywords。
2.產品/服務 Meta 描述：獨立編輯產品標題 Title、產品 Description、產品 Keywords、產品圖片 ALT 命名。
3.文章 Meta 描述：獨立編輯文章標題 Title、文章 Description、文章 Keywords、產品圖片 ALT 命名，如無填入時，系統將自動抓取首頁設定資料。
OG:image 設定
1.首頁 og:image 上傳圖片、標籤敘述。
2.產品/服務 og:image 上傳圖片、標籤敘述。
3.文章 og:image 上傳圖片、標籤敘述。
4.分享至 Facebook 或 LINE ，使用「開放社交關係圖」標籤來標示頁面。
當各個方面都能達到最佳狀態時，網站的效益也會明顯的增加，因此建議選擇客製化設計的網站設計公司，才能達到最高的滿意度。
