來德食品 官網 DemoLAIDER FOODS · 多布麵包 · WEBSITE PROTOTYPE
第一階段 · 版型方案選擇
請挑選您喜歡的官網版型風格
以 LINE 貼圖角色「麵糰醬・多布」為品牌主角，三種風格皆具備 RWD 手機排版、互動操作、頁面導覽，以及仿步驟式流程的「線上訂購精靈」。點選任一卡片即可實際操作，也可在每個頁面的功能列直接切換版型。
版型 A
經典溫暖手作風
奶油麥色系、上方固定水平導覽，親切手作感，最穩健安全的選擇。
- 傳統好上手的導覽
- 溫暖信任感、適合通路
- 波浪手繪裝飾
版型 B
現代品牌極簡風
深咖啡＋金、大留白、深色滿版英雄區，透明導覽捲動變色，精品質感。
- 高級品牌形象
- 透明導覽 + 視差感
- 適合對外提升競爭力
版型 C
活潑吉祥物卡通風
暖橘＋天藍、圓潤明亮，多布到處探頭陪逛，療癒可愛，最能帶出角色 IP。
- 多布吉祥物主導
- 立體按鈕、童趣互動
- 適合面對消費者
| 比較項目 | A 經典手作 | B 現代品牌 | C 活潑吉祥物 |
|---|---|---|---|
| 品牌調性 | 親切、溫暖 | 精品、專業 | 可愛、療癒 |
| 主要客群 | 通路 / 盤商 | 品牌客戶 / 外銷 | 一般消費者 |
| 導覽方式 | 固定上方水平列 | 透明 → 捲動變色 | 固定列 + 立體按鈕 |
| 多布應用 | 適度點綴 | 形象代言 | 全站主角 |
| 共同具備 | 手機 RWD · 漢堡選單 · 捲動高亮導覽 · 商品篩選 · FAQ · 步驟式訂購精靈 · 回頂端 · 功能列版型切換 | ||