WuminWeb 創意工作室網站全介紹

## 關於 WuminWeb

WuminWeb 是一個專為創意工作室量身打造的**全功能網站平台**，從品牌展示到內容管理，從商品販售到客戶聯絡，一站式滿足工作室的所有線上需求。

> 💡 核心理念： 讓創意工作者專注於創作，而不是被繁瑣的網站維護拖慢步伐。

整個系統分為**前台展示網站**與**後台管理系統**兩大部分，採用現代化技術棧開發，確保網站兼顧**速度、安全與可維護性**。

---

## 前台展示：讓作品說話

前台是訪客看到的門面，設計以「**品牌識別**」與「**內容呈現**」為核心，每一個頁面都經過精心設計。

### 🏠 首頁

首頁採用大版面

，支援**全寬封面圖**與**嵌入式 YouTube 短影片**，讓工作室第一眼就能留下深刻印象。

首頁全寬 Hero Banner，支援圖片與 YouTube 影片

頁面往下滾動，可以看到：

- 輪播圖：自動輪播展示精選作品或活動，支援觸控滑動

- 熱門文章區塊：從 API 即時載入最新與熱門文章，卡片式呈現

- 精選作品區塊：展示近期重點作品，引導訪客深入瀏覽

- 熱門商品展示：工作室商品一覽，快速跳轉至商品頁

### 📝 文章頁面

文章列表頁支援**關鍵字搜尋**、**分類篩選**與**分頁功能**，讓訪客能快速找到感興趣的內容。文章詳細頁支援富文字排版、圖片插入及關聯影片嵌入。

### 🎨 作品頁面

作品列表同樣支援搜尋與分類篩選，詳細頁完整展示作品圖片、影片、專案說明及相關連結。

### 🛍️ 商品頁面

商品展示頁提供完整的商品圖片輪播、描述說明與價格資訊，適合工作室周邊商品或數位商品的銷售展示。

### 📅 行事曆頁面

展示工作室活動與接案工作安排，提供**月曆視圖**與**近期行程列表**，讓客戶清楚掌握工作室的排程狀況。

### 📞 聯絡頁面

整合地址、電話、Email、社群平台連結，並嵌入 Google Maps 互動地圖，方便客戶快速聯絡工作室。

---

## 後台管理：讓營運高效

後台管理系統提供完整的內容管理工具，採用 JWT 身份驗證與**三級權限控管**，確保資料安全。

> 🔐 三級權限設計： 系統管理者 → 編輯者 → 檢視者，每個角色都有明確的操作範圍。

### 主要管理模組

| 模組 | 功能摘要 |

| ------------- | ---------------------------------------- |

| 🖼️ 圖片管理 | 多圖上傳、封面設定、軟刪除與回收桶還原 |

| 🎬 影片管理 | YouTube 連結管理、嵌入預覽 |

| 📝 文章管理 | 富文字編輯、分類標籤、SEO 欄位、排程發布 |

| 🎨 作品管理 | 作品資訊、圖片影片關聯、啟用控制 |

| 🛒 商品管理 | 商品資訊、庫存、分類、圖片 |

| 📅 行事曆 | 活動新增編輯、月曆視圖、顏色標記 |

| 📬 聯絡收件箱 | 客戶訊息管理、已讀標記 |

| ⚙️ 系統設定 | 聯絡資訊、首頁版塊設定、工作室簡介 |

---

## 技術規格

- 前台：Next.js 15 (App Router)、React 19、TypeScript、Tailwind CSS

- 後台：React 19 + Vite、TypeScript、Tailwind CSS

- API：.NET 10 Minimal API、SQL Server、JWT 驗證

- 部署：IIS 伺服器、SSL 憑證、自訂網域

---

## 結語

WuminWeb 不只是一個展示網站，更是一套完整的數位品牌管理平台。 無論是創意工作室、獨立設計師，還是小型品牌，都能透過這套系統輕鬆管理並展示自己的作品與故事。

> 📬 如果你對這套系統有興趣，歡迎透過[聯絡頁面]與我們聯繫，讓我們一起打造你的專屬網站！