子曰設計 Ziyue Interior Design — WordPress 品牌網站設計

不是每個高級感都需要特效堆砌。 有時候,一個對的字體、一塊對的留白,就夠了。

安靜到讓人屏氣凝神的那種網站

『 設計理念 』

接到子曰這個案子,我做的第一件事不是開 Figma,而是去把他們的作品集看了很多遍。

室內設計這個領域,有一種很常見的陷阱:網站動態設計模糊了焦點。大標題很滿、特效很多、每個區塊塞滿了內容,反而讓來訪的人還沒感受到設計師的品味,就已經視覺疲勞了。

子曰的風格:深色木料、石材紋理、光影之間的留白,這些元素本身就充滿了品味。

所以我給這個網站訂了一個很簡單的標準:進來之後,要讓人不自覺地放慢呼吸

色調以深焦棕、暖米白、霧灰為主軸,整個網站維持在同一個色溫裡,不跳色。字體選用帶有人文氣息的 serif 系列,中英文的比例與間距都反覆調整,讓每一行文字落在畫面上的位置都是剛好的。

整體的設計邏輯不是「放什麼」,而是「拿掉什麼」。

『 技術與執行 』

平台使用 WordPress,透過客製化頁面架構與精準的 CSS 控制,確保每一個視覺細節都能還原品牌的質感與比例。

整個網站最有記憶點的技術執行,是作品集頁的 hover 互動設計。游標移過文字的瞬間,對應的空間影像會以流動的方式浮現,像翻開一本精緻的相冊那樣,輕輕出現。這個設計讓作品集頁本身就成為一種體驗,而不只是一個列表。

刻意捨棄過多的滾動動效與頁面過場,因為對這個品牌來說,安靜本身就是設計語言。每一次點擊都是精準的,沒有任何一個細節是為了「有動態」而存在。

『 頁面架構 』

網站以「感受這個品牌 → 看見他們的作品 → 理解他們的服務 → 決定聯繫」為引導軸線,讓訪客在不知不覺中從氛圍走進信任。

主要頁面包含:

  • 首頁 — 品牌第一印象,大圖全版,立刻感受到品牌風格

  • About — 設計哲學與品牌故事,建立信任感與風格認同

  • Project — 作品集頁,hover 互動展示,每件作品都值得慢慢看

  • Service — 服務項目說明,清晰但不失質感

  • Contact — 簡潔,一個入口,一次對話的開始