為作品建立一個可以慢慢長大的地方
從多頁架構、雙語內容到自動部署,記錄 Mooking Studio 官網這一版的樣子,以及每個選擇想解決的事情。
先讓作品有自己的位置
工作室的官網,是讓人認識作品與創作方向的入口。首頁適合說明整體輪廓;當訪客對某個作品產生興趣,也需要一個可以繼續了解的地方。這一版把作品、關於與聯絡分成各自的頁面,讓每一段內容有清楚的位置,也讓分享某個作品時,可以直接把人帶到相關的介紹。
讓內容與介面一起成長
網站以 Vue 3 組織頁面與共用元件,導覽、作品資訊與文章可以沿用一致的結構。內容提供繁體中文與完整英文兩個版本,切換語言時保留正在閱讀的頁面。這些安排的目的,是讓讀者容易找到內容,也讓一個人維護網站時,能把更多注意力放回作品與文字本身。
保留科技感,把溫度放進文字
深色背景、漸層光線與帶有軌道感的圖形,是這個網站的視覺語言。它們可以和溫暖的創作方向並存。文案需要說清楚作品想幫助誰、目前處於什麼階段,以及如何進一步了解;讓人感到被尊重的,也包括這些具體而誠實的資訊。
讓每次更新有一條清楚的路
目前網站透過 Route 53、CloudFront 與私人 S3 儲存空間部署到 mooking.studio,並以 GitHub Actions 執行檢查與自動部署。這套流程讓內容修改能沿著同一條路發布,也留下可以回頭查看的版本。製作日誌則補上另一種紀錄:除了網站改了什麼,也寫下這些選擇的理由。