室內設計作品網站

屋主找室內設計師，多半是先看作品：這位設計師做過什麼風格、處理過多大的空間、預算區間合不合。本概念作品替室內設計工作室規劃作品集網站，把完工照片放在最前面，依空間類型和風格分類，屋主可以只看自己想要的，例如小坪數、北歐風或老屋翻新。

配色取自木頭、米白和橄欖綠，畫面留白多，讓照片本身成為主角。每個作品頁用大圖帶出整體空間，再用裝修前後對比滑桿，左右拖曳就能看到同一個角落改造前後的差別；頁尾直接放預約丈量的按鈕，屋主看完作品就能留下聯絡方式。

專案概述

網站規劃首頁、作品列表、作品內頁、服務流程、預約丈量五個部分。作品列表可以依空間、風格、坪數篩選；作品內頁有大圖、前後對比和設計說明。設計師在後台上傳照片就能新增作品，圖片會自動壓縮，手機上看大圖也不會等太久。

• 依空間與風格篩選作品
• 裝修前後對比滑桿
• 大圖瀑布流作品牆
• 預約丈量表單
• 後台上傳自動壓縮
• 手機看大圖不卡頓

設計畫面

設計畫面包含桌機版首頁、跨裝置的響應式畫面、手機版作品頁，以及用滑桿比較同一個空間裝修前後的對比內頁，呈現作品網站最重要的看圖體驗。