首頁作品集官網系統開發
🧩 Web · Modular CMS

官網系統開發
(含部分客製化)

先設計出一整套完整架構,從 BRD / PRD / MVP / SDD 開始定義產品。將官網的每一個功能模組化、模塊化,讓使用者能更自由地運用與調整,並搭配定期客戶需求訪談與後續維護更新。

我的角色
產品經理
設計方法
BRD · PRD · MVP · SDD
架構
功能模組化 / 模塊化
維運
定期訪談 + 維護更新
Overview

專案概述

官網不該是「一次性開發、改版就重做」的死頁面。本專案以產品化、模組化的思維打造官網系統:先用 BRD/PRD/MVP/SDD 把需求、產品、最小可行版本與系統設計講清楚,再把每個區塊拆成可重複使用的模組。使用者能像積木一樣自由組合與調整頁面,搭配定期需求訪談持續迭代。

Documentation

完整文件架構

用清楚的文件把「為什麼做、做什麼、先做什麼、怎麼做」對齊。

BRD
商業需求文件

釐清商業目標、利害關係人與成功指標。

PRD
產品需求文件

定義功能範圍、使用情境與規格細節。

MVP
最小可行產品

切出最小可上線範圍,快速驗證假設。

SDD
系統設計文件

系統架構、模組關係與技術實作設計。

My Role

我負責的事

01

先設計出一整套完整架構,編寫 BRD / PRD / MVP / SDD

02

將官網的每一個功能模組化、模塊化

03

讓使用者可以更自由地運用及調整頁面內容

04

定期客戶需求訪談,加上後續維護更新

Interactive Demo

虛擬互動示意圖

模組化官網建構器示意 — 左側開關模組,右側即時預覽頁面組合(資料皆為模擬)。

cms.site-builder.app / editor
● 開關模組看預覽
頁面模組
🔝 頁首導覽
🎯 主視覺 Hero
⭐ 功能特色
💲 方案價格
🖼️ 圖片牆
📄 頁尾
展示模組化產品概念的互動示意,預覽內容為示範用途,非實際客戶網站。