織境Weave Studio
開始諮詢
自主概念設計參考
設計出發點
設計出發點
以暖杏色調承接水果的鮮明色彩，讓產品影像成為版面主角。商品、價格與預訂資訊依序展開，呈現一間季節甜點店的網站想像。
這份提案以定期推出季節商品的甜點店為情境，思考如何在精簡的內容中，同時呈現產品的吸引力與預訂資訊。
桌機版
桌機首頁的
閱讀順序
由上而下，依序呈現品牌、內容與聯絡入口。
桌機版設計示意畫面，非實際上線網站。
設計重點
設計如何形成
- 01
讓季節成為視覺主角
以大幅產品影像建立第一印象，暖杏底色保留水果本身的層次。標題只說明商品與出爐時間，說明文字維持在兩行以內。
- 02
讓商品資訊保持秩序
統一商品卡片的比例與價格位置。季節更替時只需更新照片與品名，版面不必重新編排。
- 03
讓預訂入口自然銜接
導覽列右側放置 LINE 預訂，商品介紹之後再次出現，將瀏覽與詢問串連起來。
手機版
行動版的
閱讀節奏
行動版先呈現產品影像，再依序展開介紹與預訂入口。商品以雙欄排列，保留品項比較的節奏；生日訂製與 LINE 預訂收在頁尾，讀完即可聯絡。
製作規劃
從設計方向
到製作規劃
若以這個方向製作，對應「品牌官網」的標準範圍。實際內容與功能，依品牌需求於報價時確認。
標準範圍內
- 首頁設計：品牌首屏、當週商品、生日訂製與聯絡入口
- 品牌官網規格，最多 4 頁，例如首頁、關於、生日訂製與交通資訊
- LINE、電話一鍵聯絡，以及建置時的搜尋與分享設定
需另行規劃
- 店家自行上架新品：可選內容管理版本，依需求規劃後台
- 線上下單、金流與庫存管理：需另行評估與報價