CONCEPT · 情境設計/ ecommerce · 2026

Northlight Coffee

精品咖啡品牌電商

把蝦皮的回頭客,養成品牌的訂閱者

/ 假想挑戰

假想情境:Northlight 是一個在蝦皮賣了兩年精品咖啡豆的工作室。月營收 NT$ 30 萬、500 個熟客,但 70% 營收被平台手續費和廣告吃掉。他們想做自有電商 + 訂閱制,但預算只有 NT$ 15 萬、團隊只有 2 人,2 個月內要趕上年前檔期。

/ 設計思路

對小品牌最務實的路:Shopify Basic + 客製主題 + 訂閱 app。不花錢自建電商,把預算用在視覺敘事和訂閱流程。品牌走「北歐 × 手沖」路線——深森林綠當主色、陶土橘當行動色、字體用 serif 強調「職人感」。

northlightcoffee.com
NO. 01

fromNorthern Lightintoyour morning.

每週烘焙、週二寄出。20 年烘豆職人親手監督——從精選單品到風味配方,只做自己會喝的豆子。

訂閱制
fresh every Tuesday
est.
2024
· 本月豆單 ·Ethiopia YirgacheffeColombia HuilaPanama Geisha全部豆單
NO. 02

this month'sselections

NO. 07 · 衣索比亞

Ethiopia Yirgacheffe

花香 · 柑橘 · 蜂蜜

NT$ 480/ 200g
new
NO. 08 · 哥倫比亞

Colombia Huila

黑巧 · 焦糖 · 核桃

NT$ 480/ 200g
NO. 09 · 巴拿馬

Panama Geisha

茉莉 · 蘋果 · 白桃

NT$ 480/ 200g
— NO. 03 · 我們的故事

twenty yearsin pursuit ofthe perfect roast.

從北歐的小鎮咖啡館,到台北的獨立烘豆室——我們相信,好的咖啡應該像北方的光線一樣,溫柔地喚醒你的早晨。每一支豆子都經過 3 次以上試烘、10 杯以上的杯測,才會進到你的杯中。

閱讀完整故事
crafted by hand
NO. 04

一杯杯陪你走過四季。

訂閱後每月送豆到家,隨時可暫停或調整。單支 85 折,還送手沖濾紙。

Northlight

台北獨立烘豆工作室。每週烘焙、週二寄出。

— est. 2024
· 豆單
  • 單品咖啡
  • 配方豆
  • 濾掛包
  • 咖啡具
· 認識
  • 我們的故事
  • 烘豆師
  • 沖煮指南
  • 部落格
· 支援
  • 運送
  • 退換貨
  • 訂閱管理
  • 聯絡我們
© 2026 Northlight Coffee. 版權所有台北 · Made with ♥
/ 首頁 · 品牌故事 + 本月精選豆
§ 01 · 商品頁

一頁讓你想買一包的商品頁

電商轉換的關鍵在商品頁——80% 的點擊從分類頁進來、20% 從廣告直接跳進來,兩種訪客都要在 5 秒內決定要不要看下去。

northlightcoffee.com
首頁 / 單品 / Ethiopia Yirgacheffe
NO. 07
NO. 07 · SINGLE
Ethiopia
Yirgacheffe
light roast
200G
fresh
2026
NO. 07

Ethiopia
Yirgacheffe

light roast· 水洗處理
NT$ 480/ 200g
風味圖譜
花香
果酸
甜感
醇厚
規格
/ 商品頁 · Ethiopia Yirgacheffe 淺焙單品
/ 設計決策
Decision · 01

風味圖譜取代規格表

咖啡豆的酸甜苦、產地、處理法用視覺化呈現——客戶 3 秒看懂「這支豆子是不是我的菜」,比條列規格友善一百倍。

Decision · 02

規格用按鈕,不用下拉選單

200g / 500g 用按鈕,客戶一眼看到價差;下拉選單會讓人覺得「我要操作」,按鈕是「我要選擇」,心理門檻低得多。

Decision · 03

加入購物車用陶土橘,不是黑色

整頁主色是森林綠 + 白,「加入購物車」用陶土橘形成視覺焦點。客戶滾到哪都能一眼看到這顆按鈕在哪裡。

§ 02 · 結帳體驗

手機上兩分鐘完成結帳

70% 的購物車在結帳頁流失。原因通常是:要求註冊、欄位太多、看不到運費、多頁切換。我們把這些一次解決。

Northlight
訂單fresh no. 07
Ethi-
opia
Ethiopia Yirgacheffe
200g · 手沖研磨
$480
聯絡
you@example.com
取貨方式
付款
LINE Pay
Apple Pay
信用卡
ATM
小計$480
運費免運
總計NT$ 480
結帳完再決定要不要建立帳號
/ 手機結帳 · 單頁流程
/ 設計決策
Decision · 01

免註冊結帳

第一次買不強制註冊。結帳完成後才問「要不要建立帳號?」——此時客戶已經是客戶,意願高 3 倍。

Decision · 02

超商取貨預設選項

台灣客戶 60% 選超商取貨。預設打勾降低一次思考成本——不要讓客戶在結帳時才想「我要宅配還是超商」。

§ 03 · 訂閱制

熟客養成的訂閱方案

對咖啡品牌來說,訂閱制不是「自動續訂」,是「每月探索新豆」的體驗。三種方案、三種故事,對應客戶三種心態。

northlightcoffee.com
NO. 03

pick 你的咖啡旅程

每月烘焙、週二寄出。隨時暫停、隨時取消——訂閱是信任,不是綁約。

NO. 01

早安儀式

Morning Ritual
NT$ 580/

每月一支當月精選,適合剛開始探索精品咖啡。

  • 200g / 月
  • 週二寄出
  • 隨時可暫停
最多人選
NO. 02

週末探索

Weekend Exploration
NT$ 1,080/

每月兩支不同產地,週末慢慢品味、比較風味。

  • 400g / 月
  • 週二寄出
  • 隨時可暫停
NO. 03

咖啡職人

Coffee Professional
NT$ 1,680/

每月三支包含稀有豆,適合每日沖煮的深度愛好者。

  • 600g / 月
  • 週二寄出
  • 隨時可暫停
/ 訂閱方案頁 · 三種旅程
/ 設計決策
Decision · 01

方案用「旅程」命名,不用規格

「入門 / 進階 / 專家」太像網路方案,沒有故事。「早安儀式 / 週末探索 / 咖啡職人」三種命名讓客戶投射自己——多數人會選中間那個。

Decision · 02

中間方案標「最多人選」

這不是行銷話術,是決策心理學:三選二時人會選中間那個。直接標出來降低客戶猶豫時間,加快轉換。

§ 04 · 技術棧

這個方案會用的工具

  • Shopify Basic
  • Liquid theme
  • ECPay
  • 7-Eleven pickup
  • Klaviyo
  • Bold Subscriptions
CONCEPT · Northlight Coffee

想把這個方案變成你的?
直接聊聊

預約免費諮詢
24 小時內回覆提供正式報價與合約支援遠端合作繁中 · English