SELECTED PROJECT

國立成功大學徐瑋萱老師實驗室

以科研技術與產業應用為核心,整合 SHIME 動態腸道模擬、菌相研究與產業驗證資訊,打造兼具學術專業、技術可信度與產學合作導向的研究平台網站。

#網頁設計 #網站製作 #教育單位網站 #研究室網站

SERVICE:w2059

VISIT WEBSITE
國立成功大學徐瑋萱老師實驗室網站電腦版首頁設計
01 DESKTOP EXPERIENCE
國立成功大學徐瑋萱老師實驗室網站手機版首頁設計
02 MOBILE EXPERIENCE

桌機版以大型科研視覺、核心技術與產業應用建立完整資訊脈絡;手機版重新調整內容層級與閱讀節奏,讓研究成果、技術平台與合作資訊在不同裝置上都能快速理解與瀏覽。

WEB DESIGN RESEARCH CONTENT RESPONSIVE DESIGN
02

PROJECT BRIEF

把專業科研成果,轉化為產業也能快速理解的數位內容

研究單位網站不只需要呈現學術成果,更需要清楚說明技術價值、研究能力與實際應用,讓不同背景的訪客都能快速掌握平台特色。

本案以 SHIME 動態模擬系統、試量產平台、厭氧技術與菌庫等核心能力重新整理資訊架構,從研究技術延伸至產業應用,建立具有邏輯層次的內容閱讀路徑。

網站同時整合食品保健、生技新藥、畜牧養殖與精準醫療等應用方向,讓科研成果不只停留於學術說明,更能清楚呈現其產業合作與實際驗證價值。

03

CREATIVE DIRECTION

以三個設計原則,建立兼具科研深度與產業溝通力的網站

01

把複雜技術轉化為清楚層級

將研究數據、技術設備與系統特色分層呈現,透過明確標題、數據與圖像建立閱讀節奏,降低科研內容的理解門檻。

CLARITY
02

以科研視覺建立專業可信度

運用大幅研究影像、數據資訊與俐落網格,強化實驗平台的專業形象,讓研究設備與技術能力成為網站最直接的品牌證明。

SCIENCE
03

串聯研究成果與產業應用

從核心技術一路延伸至食品、生技、畜牧及精準醫療應用,讓學術研究與實際產業需求之間形成更清楚的合作連結。

IMPACT
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

好的研究網站,讓專業成果被清楚理解,
也讓科研價值走向更廣泛的產業應用。

開始您的網站計畫