← 網站與產品作品集

牧石空間設計,讓作品成為品牌入口。

牧石品牌網站的設計與建置案例:以空間攝影、作品分類與獨立專案頁呈現室內設計,串起品牌介紹與聯絡入口。

MUZE 牧石空間設計正式網站首頁畫面
正式網站畫面・2026.09.07|開啟 MUZE 牧石空間設計

客脈負責範圍:品牌網站設計與建置、作品資訊架構、響應式排版

需求:讓作品本身說明品牌

室內設計網站需要讓訪客看清楚空間、材質與不同專案的特色,同時找到工作室介紹與聯絡方式。牧石的網站以作品為瀏覽起點,把攝影、專案資訊與品牌介紹整理成清楚的路徑。

架構:從精選作品走進單一專案

首頁先展示精選空間,再導向 Projects 作品列表與獨立專案頁。Design Studies 與 MUZE 品牌介紹各有入口;專案頁承接照片、文字與背景資料,訪客能分享特定作品的網址,無須每次從首頁重新尋找。

牧石 Projects 作品列表,並列私境星系、佳昂與未來樹的照片、名稱和類型
作品列表以照片作為入口,保留案名、住宅類型與年份,點選後進入對應專案。正式網站擷取・2026.09.11 · 查看正式頁面 ↗

設計:把畫面的主角留給空間

大幅攝影搭配克制的導覽與留白,讓室內設計成為第一眼的重點。作品名稱、中英文標示與專案資訊形成不同層級;在手機上,圖片與說明依閱讀順序排列,保留觀看細節與繼續探索的空間。

牧石私境星系手機版專案介紹,案名與說明上下排列,並保留地點、類型與年份
390px 手機版:案名與說明改為上下閱讀,專案基本資料仍可直接核對。正式網站擷取・2026.09.11 · 查看正式頁面 ↗

實例:一個作品網址,交代完整專案

以正式站的「私境星系」為例,專案內頁依序呈現主視覺、案名、地點、空間類型與年份,再接設計敘述、材質資訊與照片。頁尾提供返回作品列表和 Email 聯絡入口。這個架構讓工作室能直接分享一個專案網址,讓接收者讀到該案的內容;它也意味著報價時需要確認專案頁模板、初次上稿數量與後續新增方式。

牧石私境星系桌機版專案介紹,左右呈現案名與設計說明,下方列出地點、類型及年份
桌機版把案名、敘述與基本資料分成明確層級,讓單一作品網址能交代專案背景。正式網站擷取・2026.09.11 · 查看正式頁面 ↗

下一個作品型網站,先準備什麼

建議先挑三個代表專案,各自整理案名、地點、類型、年份、簡短說明與有使用權限的照片,再列出品牌介紹和希望客戶採取的聯絡方式。這是給新專案的準備建議,不代表牧石當初提供的素材清單。若作品需要持續增加,評估時一起確認誰更新、哪些欄位可自行編輯,以及圖片如何上傳。

可查看的交付成果與案例範圍

客脈負責網站設計與建置、作品資訊架構及響應式排版;室內設計作品與其內容屬於 MUZE 牧石。目前可在正式站查看首頁、Projects 作品列表、獨立專案頁、Design Studies 與 MUZE 品牌介紹。本案例不公開客戶合約金額、製作天數或流量與詢價成效,也不把方案起價當成此案成交價;其他專案仍需另列頁數、功能、素材及驗收清單。

查看多頁品牌網站方案

YOUR PROJECT, NEXT

把你的需求,做成下一個案例。

免費聊聊需求