Brand Website · 形象官網
I’S DAY
空間規劃與模組化家具品牌官網，以木質色調與空間影像呈現品牌日常，整合服務方案、家具介紹、設計作品與預約諮詢入口。
- 品牌
- 日日嶼木 · I’S DAY
- 類型
- 空間規劃 · 模組化家具
- 網站內容
- 服務方案 · 家具 · 作品 · 諮詢
01 / Brand
從每天的生活，
認識空間品牌。
日日嶼木 I’S DAY 提供空間規劃與模組化家具服務，以南部為主要據點、服務全台。品牌把日常生活、能安放自己的空間，以及木材的溫潤連在一起；網站也從居住情境出發，讓訪客先看見光線、收納與材質，再進一步了解可以如何規劃自己的家。
關於頁以一張完整的空間照片，對照品牌名稱與理念的說明，下方再用三張卡片整理傾聽需求、預算溝通與生活質感。這個層次讓抽象的品牌語言有了具體落點：先認識品牌如何看待生活，再讀它如何提供服務，而不必一開始就面對大量家具規格。
02 / Architecture
把服務說清楚，
再走向諮詢。
主要導覽分為關於我們、服務與收費、光粒子家具、作品集與常見問題，頁首另保留預約諮詢入口。每一頁負責回答不同的問題：品牌是誰、服務怎麼進行、有哪些家具與案例、開始之前需要知道什麼。資訊依用途分開，訪客可以從自己最在意的問題切入。
服務頁以設計與工程兩個階段串起諮詢、丈量、提案、設計、施工、驗收與完工，將長流程拆成有編號的步驟。提供圖面與到府丈量兩種方案，則各自列出適用情境與內容；作品頁負責呈現空間成果，常見問題補上費用與家具等疑問。這些入口共同形成從理解服務到預約洽談的路徑。
03 / Visual System
木質的溫度，
留在畫面與文字之間。
視覺以暖米白作為底色，搭配深棕文字、木色按鈕與淡色分隔線，讓室內照片成為畫面的主要內容。大面積留白、輕邊框與圓角卡片延續柔和的居家感；資訊密度較高的服務流程，仍使用相同色系與間距節奏，保持跨頁的一致性。
標題使用 Noto Serif TC，內文與操作文字使用 Noto Sans TC：前者帶出品牌語氣，後者承接費用、地點與說明。作品列表將照片、名稱、地點、坪數、格局與風格標籤放在同一張卡片，桌機以三欄並排，讓訪客同時比較空間影像與基本條件，不必逐件打開才知道內容。
04 / Interaction
讓捲動帶出故事，
讓選擇縮小範圍。
首頁將空間影像與捲動進度連動，依序帶出日常、採光、木質家具與開始規劃四個主題。文字分段出現，側邊圓點與頁面進度標示目前位置，也能直接切換章節。影像不只是背景裝飾，而是隨閱讀推進，逐步把居住感受帶向服務入口。
內頁的互動則聚焦在查找資訊。作品集可依日系、北歐、現代與小坪數篩選，選取後只呈現符合條件的卡片；常見問題按題目展開回答，讓初次瀏覽時先看清問題清單。前者縮小比較範圍，後者按需補充細節，與首頁的敘事節奏形成不同但互補的閱讀方式。
05 / Mobile
在小螢幕上，
保留清楚的下一步。
手機版將橫向導覽收進選單，展開後以有編號的縱向清單呈現五個主要頁面。頁首仍可直接找到預約諮詢，選單內也保留諮詢與聯絡入口；選取頁面後收起選單，回到內容本身，避免導覽持續占住閱讀空間。
作品卡片在窄螢幕改成單欄，照片與案件資訊依序向下閱讀，分類按鈕則可換行排列。服務流程也從桌機的並排配置轉成縱向層次。桌機著重同屏比較，手機著重逐段閱讀，但頁面分類、作品資訊與預約入口保持一致，讓不同尺寸仍能完成相同的瀏覽路徑。
