SELECTED PROJECT
國立成功大學徐瑋萱老師實驗室
以科研技術與產業應用為核心,整合 SHIME 動態腸道模擬、菌相研究與產業驗證資訊,打造兼具學術專業、技術可信度與產學合作導向的研究平台網站。
SERVICE:w2059
VISIT WEBSITE ↗

桌機版以大型科研視覺、核心技術與產業應用建立完整資訊脈絡;手機版重新調整內容層級與閱讀節奏,讓研究成果、技術平台與合作資訊在不同裝置上都能快速理解與瀏覽。
WEB DESIGN RESEARCH CONTENT RESPONSIVE DESIGN
02
PROJECT BRIEF
把專業科研成果,轉化為產業也能快速理解的數位內容
研究單位網站不只需要呈現學術成果,更需要清楚說明技術價值、研究能力與實際應用,讓不同背景的訪客都能快速掌握平台特色。
本案以 SHIME 動態模擬系統、試量產平台、厭氧技術與菌庫等核心能力重新整理資訊架構,從研究技術延伸至產業應用,建立具有邏輯層次的內容閱讀路徑。
網站同時整合食品保健、生技新藥、畜牧養殖與精準醫療等應用方向,讓科研成果不只停留於學術說明,更能清楚呈現其產業合作與實際驗證價值。
03
CREATIVE DIRECTION
以三個設計原則,建立兼具科研深度與產業溝通力的網站
把複雜技術轉化為清楚層級
將研究數據、技術設備與系統特色分層呈現,透過明確標題、數據與圖像建立閱讀節奏,降低科研內容的理解門檻。
以科研視覺建立專業可信度
運用大幅研究影像、數據資訊與俐落網格,強化實驗平台的專業形象,讓研究設備與技術能力成為網站最直接的品牌證明。
串聯研究成果與產業應用
從核心技術一路延伸至食品、生技、畜牧及精準醫療應用,讓學術研究與實際產業需求之間形成更清楚的合作連結。
04
VISUAL LANGUAGE
深海藍與科技青綠,呈現科研專業與生命科學能量
視覺以沉穩深藍建立學術研究與專業可信度,搭配帶有生命科學意象的青綠色作為重點識別,並以淡灰藍創造乾淨且具科技感的閱讀空間,使大量研究資訊、數據與應用內容維持清楚層次。
PRIMARY #17395C Academic Research
ACCENT #2E8B83 Life Science
BALANCE #EDF4F5 Research Interface
05
DIGITAL EXPERIENCE
讓研究技術、數據成果與產業應用,都能被清楚看見
01 核心技術分層呈現
02 科研數據視覺化
03 產業應用內容整合
04 跨裝置響應式閱讀
FROM RESEARCH TO IMPACT