- Specimen
- Portfolio System
- Category
- Information Architecture / Narrative Design / Frontend System
- Structure
- 6 question-led entry points + archive layer
- Content Model
- MDX-based bilingual case content
- Visual Language
- Botanical specimen as a framing system
- Role
- Strategy / Writing / Visual Direction / Frontend / Content Modeling
這個作品集本身
這個作品集本身，也是一個完整的案例。
它不是在展示如何把個人網站做得更漂亮，而是在回答一個更根本的問題：當一個人的經歷跨越設計、插畫、品牌、內容、SEO、產品與前端時，如何替這些彼此不同的實踐，建立一個清楚、可進入、可被理解的入口。
這個專案的核心工作，不是增加內容，而是重新設計理解順序。我希望第一次進來的人，不必先理解所有背景，也不必先接受一套僵硬的技能分類，而是可以從一個最接近自己問題意識的入口開始，逐步看見不同案例之間共享的思考方式。
一般作品集常見的分類方式，包括技能分類、產業分類與時間排序。這些方法在多數情況下有效，但對一組跨領域、跨尺度的經歷來說，它們也會產生另一種失真。技能分類會把真正重要的判斷切碎，產業分類會放大表面差異，時間排序則很難讓第一次進來的人迅速掌握核心。
所以這個作品集真正要處理的，不是「作品很多」，而是「理解順序不明確」。我要整理的不是檔案，而是觀看者進入這些內容時的路徑。
我把首頁設計成六個提問，而不是六個技能分類：
- 我如何讓東西成長
- 我如何理解問題
- 我如何把複雜的東西說清楚
- 我如何把想法變成產品
- 我如何建立系統
- 影響我思考方式的事物
這六個提問不是文案包裝，而是整個作品集最重要的資訊架構決策。它們的作用，是讓觀看者先從一個自己有感的問題開始，再沿著那條路徑進入案例，而不是被迫先理解一整套身份、職能或產業分類。
這樣的設計承認兩件事：第一，一個人可以同時擁有多種能力；第二，同一個專案本來就可能同時回應成長、理解、清晰化、產品化與系統化等不同層次的問題。與其先把這些能力分開，不如先替它們建立一個可閱讀的入口。
這也是為什麼，我用植物標本作為整個作品集的視覺語言。
植物標本與植物標本畫吸引我的地方，在於它們常常不只呈現一個對象的單一瞬間，而是把不同季節、不同部位、不同狀態同時攤開來看。花、果、葉、莖可以並置；不同生長時刻也可以被放在同一張圖裡。它像是暫時抹去時間的刻度，讓一個對象的多種可能性同時被觀看。
這種觀看方式，和我想處理的作品集命題很接近。我的經歷不是一條單線履歷，也不是幾個互不相干的身份。它更像是一組在不同時間、不同媒介、不同問題裡長出來的能力切片。植物標本的形式，讓我可以不急著把這些切片簡化成單一標籤，而是透過命名、排列、標記與留白，把它們整理成一個仍然保有層次、但足夠清楚的觀看系統。
所以標本感不是裝飾，而是一種方法。它讓作品集的表現形式，直接呼應我在每個章節裡反覆處理的主題：如何理解複雜性、如何整理複雜性，以及如何把複雜性轉成別人可以進入的形式。
如果這個作品集有成立的地方，我希望它成立的原因不是看起來特別，而是它讓人更容易理解：我不是做過很多互不相關的事，而是持續用不同媒介處理同一類問題。
那類問題是：如何觀察複雜性、整理複雜性，並把它轉成別人可以進入的形式。
這個作品集不是案例的容器而已。
它自己就是一個把複雜脈絡整理成可理解入口的案例。
形式、結構與敘事在這裡被刻意設計成同一件事。
工程面也是這個案例成立的重要部分。這裡的技術不是獨立於內容策略之外的堆疊，而是直接服務於理解架構的設計決策。技術的角色，是讓內容模型、閱讀路徑與擴充方式都能維持一致。
首先，我把 case content 從舊的 TypeScript block 結構，整理成以 MDX 為核心的內容來源層。現在每個主 case 與 related specimen 都有各自的 zh.mdx / en.mdx 正文檔案，wrapper TypeScript 檔只保留 hero、specimen label、card copy 與內容載入設定。這讓作品集從「內容寫在程式裡」轉向更接近 CMS 的模式：內容、結構與呈現被拆分，後續要修改段落、調整排序、擴充語系或新增案例，都不需要再碰主要版面邏輯。
其次，正文渲染採用共用的 MDX 元件語法。Figure、Gallery、VideoFigure、Quote、Note，以及這次補上的 WideFigure，讓所有案例在不同主題下仍然使用一致的媒體語法、lightbox 行為、carousel 規則與標本式 frame tag。這代表整個站不是每頁各自說話，而是用一套穩定的展示語法維持敘事一致性。
另外，related specimen 採取 lazy-loaded 的 chunk 策略。主頁面不會預先載入所有延伸案例；只有當觀看者點開某張 related card 時，該案例的模組與 MDX 內容才會透過 import() 被讀入。這不只是效能優化，也是內容節奏設計：延伸材料保持在需要時才展開，不會一開始就壓垮主線閱讀。
最後，Specimen Cabinet 被刻意設計成另一層 archive layer。主 case 負責說清楚核心命題與代表性專案，標本櫃則收納大量歷年作品、補充資料與旁支脈絡，透過獨立資料來源與延後展開機制，讓網站同時具備清楚的主敘事與可探索的資料層。
換句話說，這個作品集的工程面不是單純在說我做了前端，而是在說：我如何讓內容來源、頁面架構、載入策略與資料層關係，一起支撐「讓複雜內容變得可理解」這件事。
