自主概念設計 · 室內設計工作室網站
STILL ISLE STUDIO
結合繁體中文、英文與日文的室內設計工作室概念網站，透過空間影像、作品分類、材質細節與諮詢入口呈現品牌。
這是自主製作、概念設計或介面練習，展示可查看的設計與實作；並非客戶委託成果，未提供客戶營收或轉化成效證明。
項目拆解
從頁面結構，到實際畫面。
ZequnWeb 自主作品，非客戶委託；Demo 中的品牌、評價與數據屬於展示內容，不代表已核實的客戶成果。
完整網站與手機畫面
英文 Demo 的桌面與手機長圖會自動從頂部展示到底部。可暫停後手動捲動、從頭重播，或開啟原圖。
01 / 頁面架構
訪客的資訊瀏覽路徑
- 01工作室介紹
- 02作品分類
- 03圖片畫廊
- 04材質
- 05服務
- 06諮詢
02 / 視覺設計
深炭灰、暖色中性色與空間攝影呼應室內設計主題，作品影像主導視覺，材質與服務資訊形成安靜的第二層閱讀。
03 / 響應式取捨
作品影像與說明轉為縱向排列，畫廊控制與諮詢草稿保持獨立、可識別的入口。
依據現有實作整理的設計分析，不將其表述為客戶調研或使用者測試記錄。
具體實作
技術組合
- Next.js
- React
- TypeScript
- Cloudflare Pages
只列出現有項目記錄或公開腳本可支持的技術；內容架構與 UX 在上方獨立說明。
自主概念設計
交付內容與項目結果
概念重點
設計與實作說明
項目背景
室內設計工作室的自主網站概念。空間影像與作品名稱用於展示網站設計，並非已核實的完工工程。
設計帶來的改變
以深炭灰、暖米色與自然材質建立視覺風格，整合三語內容、作品分類、圖片畫廊與諮詢草稿。
可查看的設計重點
- 切換三種語言時保留目前頁面
- 九個空間概念支援分類與獨立介紹
- 畫廊支援方向鍵、Esc 與焦點返回
- 諮詢表單先產生草稿，由訪客決定如何分享
需要解決的問題
訪客需要了解工作室的空間美學、作品分類、服務範圍及諮詢方式。
設計方案
以深炭灰、暖米色與自然材質建立視覺風格，整合三語內容、作品分類、圖片畫廊與諮詢草稿。
交付內容
- 繁中、英文與日文網站
- 作品分類與獨立介紹頁
- 圖片畫廊與材質展示
- 服務、團隊與聯絡頁面
- 可預覽的諮詢草稿
技術與實作
- Next.js
- TypeScript
- 靜態匯出
- 響應式 AVIF / WebP 圖片
項目價值
這個概念展示了甚麼
以深炭灰、暖米色與自然材質建立視覺風格，整合三語內容、作品分類、圖片畫廊與諮詢草稿。
查看其他項目 →由此開始
想把這個方向變成您的網站？
提供業務類型、現有網站或參考網站、目標客戶及大概預算，我會先協助您釐清有用的製作範圍。