自主概念設計參考
設計出發點
設計出發點
大字標與黑白影像構成鮮明的視覺對比,服務價目則以規整的層次展開,在品牌態度與日常閱讀之間取得平衡。
這份提案以重視造型風格的髮廊為情境,探索品牌字標、髮型影像與服務資訊,如何共同構成網站的第一印象。
桌機版
桌機首頁的
閱讀順序
由上而下,依序呈現品牌、內容與聯絡入口。
桌機版設計示意畫面,非實際上線網站。
設計重點
設計如何形成
- 01
以字標建立視覺重心
放大品牌名稱,與影像形成疏密對比,作為整體版面的識別起點。
- 02
以層級整理服務資訊
服務名稱與價格各有固定位置,以細線區分項目,保留清楚的閱讀順序,也方便日後調整價目。
- 03
以比例統整影像
規劃一致的影像尺寸與排列節奏,讓不同造型在同一頁面中保有秩序。黑白處理用於形象氛圍;展示染髮成果時,實際製作會保留照片原色。
手機版
行動版的
閱讀節奏
行動版保留字標的視覺份量,重新安排影像與價目之間的距離;作品以兩欄呈現,預約入口收在頁尾,讓品牌印象與服務資訊依序展開。
製作規劃
從設計方向
到製作規劃
若以這個方向製作,對應「品牌全站」的標準範圍。實際內容與功能,依品牌需求於報價時確認。
標準範圍內
- 首頁與最多 6 個分頁,例如設計師、作品、價目、交通、關於與預約方式
- 設計師介紹以同一版型呈現,人數與內容於製作前確認
- LINE、電話一鍵聯絡;Google 商家檔案優化建議一次
- 建置時的搜尋與分享設定、託管、備份與技術維護
需另行規劃
- 線上即時預約與設計師時段查詢:需串接預約系統,另行規劃與報價
- 作品需要經常更新:可選內容管理版本,由店家自後台上架



