成功大學徐瑋萱老師實驗室-網站製作案例｜蘋果網頁設計

DESCRIPTION：

｜設計風格與整體氛圍
成功大學徐瑋萱老師實驗室網站以「生技 × 科研 × 精準 × 未來感」為核心視覺方向，將專業學術研究轉化為更具產業溝通力的數位形象。整體採現代科技感與生命科學意象交融的設計語彙，透過流線構圖、數據資訊與研究設備影像，呈現 SHIME 仿生腸道平台的技術專業度，同時建立具國際研究機構質感的品牌形象。網站內容聚焦人體腸道微生態模擬、菌相研究與產業驗證應用。

｜網頁色彩規劃
網站色彩以具有生命科學與生物科技感的深色基調為主，搭配高明度科技色彩與適度留白，營造精密、專業且具有未來研究感的視覺氛圍。透過深淺層次與發光感元素強化數據、設備與核心技術資訊，使複雜的科研內容能維持清晰閱讀，同時建立鮮明的生技研究識別度。

｜網站架構 UI／UX
網站架構以研究成果與產業合作需求為核心，首頁依序串聯「核心技術、產業應用解決方案、聯盟會員、最新消息、成果案例、聯絡合作」等內容，讓學術單位、企業研發人員與潛在合作夥伴能快速掌握平台能力。
在資訊設計上，進一步將試量產平台、SHIME 動態模擬系統、厭氧技術與菌庫拆解成清楚的技術層級，並延伸食品保健、生技新藥、畜牧養殖與精準醫療四大應用情境，降低高專業科研內容的理解門檻。

｜內容視覺表現，Banner 設計
首頁 Banner 以「超越動物實驗，精準模擬人體腸道」作為核心溝通概念，將人體腸道微生態、研究數據與科技視覺融合，快速建立網站的科研定位。
視覺內容延伸「動態模擬、菌群互動、數據驅動、替代驗證」四項特色，搭配研究設備、微生物與數據化圖像語彙，使艱深的生技研究轉化為更直觀、有層次的網站體驗，兼具學術可信度與產業應用價值。

｜網站製作，技術細節
網站採 RWD 響應式架構製作，針對桌機、平板與手機裝置調整資訊層級與閱讀節奏，並運用影音 Banner、數據資訊、區塊轉場與互動效果，增加科研型網站的視覺張力。內容架構同時兼顧核心技術、產業解決方案、最新研究成果與合作轉換入口，讓網站不只具備研究成果展示功能，也能成為串聯學術研究、產業驗證與技術合作的重要數位平台。網站目前也設有合作申請與技術諮詢導向。