買斷式網站案例

真好買，讓社區生活變得更美好

生鮮、果物到百貨，一站式選購。
鄰居揪團一起買，省下荷包也買到好品質。
清楚的下單與配送節奏，第一次買也不怕卡關。
同時用品牌故事與食譜內容，讓好物更有「吃得到的理由」。

真好買百貨

客製化版型設計

Challenge & Solution

Solution

資訊架構重整：主選單以「產品販售 / 品牌故事 / 食譜大全 / 聯絡我們」切出購買、信任、內容與聯絡四條主路徑，首頁直接承接「看看大家買什麼」。
縮短轉換流程：首頁在主打商品卡片上提供「加入購物車」與「看詳情」，讓使用者不必多跳頁就能開始購買。
把關鍵資訊前置：用「購買與配送說明」三步驟，明確告知下單付款→備貨時間（約 7 個工作天）→到貨享用，降低新客焦慮與客服來回。
同站整合內容背書：首頁同時露出「品牌故事」段落與「大家怎麼說」短評，讓「為什麼值得買」在第一屏之後就補上信任。
RWD/行動版策略（可套用）：延續 Kadence 的卡片式列表與清楚 CTA，行動版以「主打品 → CTA → 流程 → 背書」順序堆疊，讓滑動節奏自然導向購物車。

6 WK

開發週期

100%

RWD 適配

主打「社區取貨/產地直送」的安心感，所以整體走溫暖大地色系，讓視覺感受偏「家常、可信、耐看」。
商品需要被快速掃到並立刻下單，所以用卡片式商品區塊＋清楚的按鈕色，讓 CTA 在列表中很醒目。
品牌故事是信任的核心，所以搭配較有質感的襯線標題字體，讓「故事感/手作感」更到位

‘Cormorant Garamond’ (Headings)

Jost (Body)

Visual Showcase

首頁節奏：先用價值主張（鄰里揪團/產地直送/方便省錢）與主標建立定位 → 立刻給「看看大家買什麼」導購 CTA → 接續「本週少量嚴選」商品列表 → 以「購買與配送說明」補齊流程 → 再用「品牌故事」與「大家怎麼說」做信任堆疊 → 最後用「食譜大全」承接使用情境與內容黏著。
元件語言：卡片式商品陳列（圖＋品名＋摘要＋價格＋加入購物車），按鈕色採主色/次色系（Kadence btn bg/hover 變數已定義），整體偏溫潤、生活感。
行動版策略：把「CTA（看看大家買什麼）」維持在前段，商品卡片採單欄堆疊，讓拇指操作可直接加入購物車；流程段落用 1-2-3 步驟短句，減少閱讀壓力。
為什麼這樣設計：因為團購最怕「看不懂怎麼買/要等多久」，所以把流程講清楚放首頁；又因為信任影響轉換，所以用故事與短評在同頁補背書，減少跳出。