Loading
產業類別
室內設計品牌官網概念
專案類型
多頁式室內設計作品集網站
技術架構
Next.jsReactRWD
服務範圍
品牌內容策略網站視覺設計資訊架構規劃Next.js 前端開發RWD 響應式設計互動動畫設計
Screens
網站實際畫面
桌機版澈居空間製作所概念展示首屏：常駐的概念說明列、品牌標語與滿版空間影像（畫面中的名稱、數字與內容皆為示意資料） 
桌機版作品集區塊：住宅與商業空間分類、案例卡片與作品內頁入口（畫面中的名稱、數字與內容皆為示意資料） 
手機版手機版首屏與導覽：概念說明列、品牌標語與諮詢入口的行動版排版（畫面中的名稱、數字與內容皆為示意資料）
Overview
專案背景
澈居空間製作所是 SimpleCreative 製作的室內設計品牌官網概念展示。以虛構品牌為容器，完整示範首頁、作品集、作品內頁、服務流程、關於、文章專區與聯絡頁如何組成一個能長期經營的設計品牌網站；品牌、案例、坪數、工期、地點與聯絡方式皆為概念設定，非任何真實工作室的官方資訊。
視覺以紙感米白、低彩度木質與明體標題建立安靜、講究的氣質。全站沒有任何客戶提供的素材：51 張照片全部取自 Pexels 免費商用圖庫，逐張記錄來源；每一個諮詢入口都會先說明這是網站製作展示，再導向 SimpleCreative 的官方 LINE。
Challenge
需求與挑戰
讓一個沒有實績的品牌，看起來仍然可信
室內設計的說服力幾乎全押在作品上。這個概念站沒有真實案例可用，必須靠內容結構、敘事方式與版面秩序，示範作品集本身該怎麼被組織才有專業感。
把 24 件案例整理成看得下去的瀏覽節奏
作品一多，列表很容易變成無差別的縮圖牆。需要用分類、橫向作品軌、載入更多與案例內頁的章節敘事，讓訪客願意一路看到最後一件。
在展示與誤導之間畫出清楚的界線
概念站愈做得像真的，愈可能被誤認成一間存在的設計公司。聲明必須常駐、明確，又不能破壞整體的質感與閱讀節奏。
Solution
解決方案
以紙感與留白建立設計品牌的語氣
米白底紋、明體標題、髮絲線分隔與大量留白構成全站的視覺基礎；動態一律緩慢、克制，並完整支援 prefers-reduced-motion。
為作品集設計三種不同的閱讀密度
首頁用滾輪驅動的橫向作品軌快速掃視，作品集頁用可篩選的網格逐件挑選，作品內頁再以規格、章節敘事、建材與相簿把單一案例講完整。
把概念聲明做成設計的一部分
站頂常駐深色聲明列（並以量測高度推移整站版面），列表與內頁附上虛構內容說明，關於頁的數字改為計算展示網站本身的內容量，頁尾再完整說明製作方與用途。
以諮詢彈窗接管全站行動點
導覽列、CTA 帶、服務流程、作品內頁、頁尾與聯絡表單的送出，全部改為開啟同一個諮詢彈窗；彈窗先說明這是 SimpleCreative 的作品展示，再提供免費諮詢的 LINE 出口，並在訪客停留滿 45 秒時主動出現一次。
Highlights
網站亮點
滿版首屏與品牌標語
三張空間影像慢速交叉淡入，搭配直排標語與核心服務說明，第一屏就定調品牌氣質。
可篩選作品集與橫向作品軌
住宅／商業分類、載入更多，以及滾輪驅動的橫向作品軌，提供三種瀏覽作品的方式。
章節式的作品內頁
以規格表、概述、五到六段章節敘事、主要建材與相簿，示範單一案例該被講到多完整。
服務流程、關於與內容經營版位
五階段服務流程、品牌理念與信念，以及文章專區與最新消息，示範設計品牌的長期內容結構。
SimpleCreative 諮詢彈窗與停留觸發
全站 CTA 統一導向諮詢彈窗，並在停留滿 45 秒時主動出現一次；同一次造訪只會主動出現一次。
概念展示標示與素材來源紀錄
常駐聲明列、虛構內容說明、noindex 與 robots disallow，以及 51 張照片的逐張授權紀錄。
Outcome
展示成果與設計重點
- 完成由 SimpleCreative 官方作品集收錄的室內設計品牌官網概念展示
- 示範以首頁、作品集、作品內頁、服務流程、關於與內容版位組成的完整作品集網站結構
- 建立常駐聲明、虛構內容說明與素材授權紀錄，讓展示與真實公司資訊清楚區隔
本頁為 SimpleCreative 的概念展示，僅呈現室內設計品牌官網的視覺、內容與導流規劃方式；不代表任何真實工作室或客戶委託，也未使用接案數量、成交率或營收等實際營運成果。