新北市美術館
官網建置規劃報告

整合網站架構與設計風格提案｜日期：2025年12月

簡報大綱 (Agenda)

01. 架構與功能

整合國際案例的網站地圖、首頁佈局、What's On 核心功能

02. 設計與風格

三大視覺提案分析、國內外案例比較、設計廠商評估

03. 內容與技術

Headless CMS 技術架構、出版品數位化策略

Part 1. 網站架構規劃

結合國內外美術館功能亮點 (Based on 10/15 會議)

網站資訊架構 (Sitemap)

扁平化層級設計，整合功能許願與參考案例

首頁 Home

最新消息

參觀資訊

展演計畫

學習推廣

公眾活動

研究典藏

線上誌

重點功能與參考來源

全站搜尋功能國立新美術館 Mediathek
語言切換 (i18n) 國立新美術館
Press Room 媒體專區 MOT 東京都現代
空間租借專頁長野縣立美術館
活動行事曆頁山口藝術及媒體中心今日活動頁
側邊欄參觀資訊 Kunsthall Trondheim
欄目規劃清晰及無障礙蛇形藝廊（Serpentine Gallery）
館藏頁面架構清晰 Pinabausch藏品頁
文字主導，結構清晰 KW Kunsthalle
線上商店聯動會員制 Tate商店頁 THE MET商店頁

核心頁面佈局策略 (參考對照)

1. 首頁 (Homepage)

品牌形象 Hero：全幅視覺與品牌營造。
大英博物館
參觀資訊公告：置頂顯示天氣、休館、最新快訊。
MOT 東京都現代，長野縣立美術館
功能型導覽列：參觀資訊、購票、搜尋一目了然。
國立新美術館 (Banner式)
CTA 整合：「購票連結」與功能按鈕合一。
大英博物館

2. What's On (展演整合)

取代傳統分頁：不分「展覽」與「活動」，統一入口。
Van Gogh Museum Tate
多維度篩選：按「今天/本週」、對象、類型快篩。
Tate
行事曆視圖：提供 Calendar 模式檢視檔期。
長野縣立美術館大英博物館
詳情收合：展覽介紹可收合，保持頁面俐落。
Tate展覽頁面

Part 2. 視覺風格與案例

風格定調與廠商評估 (Based on 11/19 會議)

三大風格方向評估

A. 活潑與實驗性

參考：Tropical Papers，Documenta 15，^*板塊設計（案例高流），^*見本生物，^*很好設計（案例萬波茶飲），米津玄師，YOASOBI

特色：用色大膽、視覺衝擊強。

考量：需注意易讀性與開發成本。

B. 簡潔優雅資訊型

參考：PAN 沖繩，香港大館，^*Zak Group (案例：2012北雙、2014柏雙) ，^*Rytass Co., Ltd. 八拍子

特色：資訊平衡佳，氣質優雅，適合大量內容。

C. 手機優先圖像化

參考：Laguna Art Museum

特色：類似 App 體驗，強調直覺滑動與大圖。

* 建議方向：結合 C 的手機體驗優勢與 B 的資訊清晰度，打造現代美術館形象。
*^*設計公司

技術架構與內容策略

技術架構：Headless CMS

為確保網站效能與未來擴充性，建議採用前後端分離架構：

前台：Nuxt 3 (SSR/ISR) 確保 SEO 與讀取速度。
後台：Headless WordPress 或 .NET/SQL Server，保留管理彈性。
擴充性：票務與會員採階段性整合 (Phase 1 導流, Phase 2 整合)。

內容數位化

展覽專刊：暫不出版電子書。
導覽手冊：提供 PDF 下載 (小本本)。
專文閱讀：採「付費閱覽」模式，需整合金流與授權。