{{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }}

{{ 'in_app_browser_popup.desc' | translate }}

季節限定上市啦🍉西瓜啾啾棒早鳥$𝟗𝟗搶購中🎉
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
手刀搶
媽媽節開跑💗全館最高現折現折$𝟓𝟐𝟎再贈石墨烯面膜🫧
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
馬上GO

👉加入𝐋𝐈𝐍𝐄好友天天玩拉霸機抽好禮🎰

季節限定上市啦🍉西瓜啾啾棒早鳥$𝟗𝟗搶購中🎉
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
手刀搶
媽媽節開跑💗全館最高現折現折$𝟓𝟐𝟎再贈石墨烯面膜🫧
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
馬上GO

👉加入𝐋𝐈𝐍𝐄好友天天玩拉霸機抽好禮🎰

季節限定上市啦🍉西瓜啾啾棒早鳥$𝟗𝟗搶購中🎉
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
:
9 8 7 6 5 4 3 2 1 0
9 8 7 6 5 4 3 2 1 0
手刀搶

1111

Crystalline 首頁改版規劃書

www.crystaltw.com|你的水晶好閨蜜

從「4 張輪播圖」升級為「完整轉換漏斗 + 內容導購型」首頁

版本 v1.0|製作日期 2026-05-05

改版核心邏輯

為什麼要改:把藏起來的資產拉到首頁,把流量導去能轉換的地方

現況問題

  • 首頁過短:只有頂部公告 + 4 張 banner + footer,中段大片留白,跳出率高。
  • 分類入口被埋在 menu:網站有 11 大主分類、近 40 個子分類,但首頁完全沒露出,新客找不到方向。
  • 沒有信任轉換元素:沒露出客戶口碑、品牌故事、創辦人介紹,水晶這種高單價 + 信任型商品很吃這塊。
  • 服務變現沒入口:預約解讀、靈性課程是高毛利服務,目前藏在「關於我們」第三層 menu。
  • 內容資產浪費:YouTube、IG、水晶小學堂部落格都有產出,但沒在首頁變現。
  • 免運訊息只是文字:$2500/$3300 免運門檻只用文字寫在頂部,沒做成視覺化進度條,無法刺激加購。

新版首頁的 5 個轉換目標

  • 1. 新客快速理解品牌:3 秒內看到「劉家姊妹的水晶店 + 主視覺 + 信任條」。
  • 2. 老客快速找到分類:icon 化分類列 + 情境式選購(依需求 / 脈輪 / 配戴)三條路徑。
  • 3. 提高客單價:免運進度條 + 推薦商品輪播刺激加購。
  • 4. 服務變現:預約解讀、靈性課程拉到首頁 CTA 區。
  • 5. 留存:LINE@、IG、YouTube 導流,把一次性流量變回訪。
+15新增區塊數
3條主導購路徑
5個轉換 CTA
8大商品分類露出

完整首頁視覺 Mockup

由上而下,每個區塊對應一個轉換或留存目的
✨ 滿 $2,500 超商免運 📦 滿 $3,300 宅配免運 ⏰ 電商 7-14 個工作天出貨 🎁 五月新品 9 折優惠中
👤 🛒
區塊 01

主視覺輪播

建議 3-5 張,主打「當期活動 / 新品 / 限量 / 服務 / 品牌」各一張

讓水晶陪你過生活

劉家姊妹精選 ・ 五月新品上市

立即選購 →
📌 輪播建議內容:①當月主打活動 ②新品推薦 ③限量品 ④捷克隕石 / 天鐵專區 ⑤預約解讀服務。每張圖配明確 CTA 按鈕,不只是圖。
區塊 02

信任條

解決新客最常見的疑慮,提升下單信心
💎
真水晶保證非合成、不染色
🚚
滿額免運$2,500 起免運費
免費淨化每件出貨前淨化
💬
專人諮詢LINE 即時客服
區塊 03

免運廣告 / 加購刺激區

把純文字的免運訊息,改成視覺化進度條 + 加購商品推薦

🎁 再買 $950 即享超商免運!

目前購物車 $1,550 / 免運門檻 $2,500

📌 此區塊應有兩個版本:①購物車空時顯示「全館免運門檻說明 + 推薦低單價商品」②購物車有商品時自動帶入差額計算。這是 Shopline 可做的客製功能,會直接拉動客單價。
區塊 04

主分類入口(icon 圖示)

把 menu 裡藏的 8 大主分類視覺化,新客一看就懂可以買什麼
🔥
人氣商品TOP 賣家
限量商品絕版必收
🆕
新品上架每月更新
📿
手串項鍊日常配戴
🗿
原礦雕件擺件收藏
🌈
脈輪選購七輪能量
☄️
捷克隕石能量強化
🪐
天鐵專區稀有能量
區塊 05

依需求情境選購

水晶買家的決策邏輯是「我有什麼問題要解決」,不是「我要哪顆石頭」。情境入口直接命中購買動機

招財進寶

事業貴人運 ・ 財運強化

驅邪保平安

犯太歲 ・ 防小人

健康保佑

身體調養 ・ 平衡能量

愛情桃花

情侶對鍊 ・ 桃花強化

智慧學習

專注 ・ 考試 ・ 思緒清晰

辦公室擺件

好氣運 ・ 工作順利

男性中性

低調有質感的選擇

靈性商品

靈擺 ・ 占卜 ・ 修行

區塊 06

依脈輪選購

給進階客戶的選購路徑,同時強化品牌「懂能量」的專業形象
頂輪
眉心輪
靛紫
喉輪
心輪
綠粉
胃輪
臍輪
海底輪
紅咖
📌 點擊每個脈輪 → 直接進對應分類頁。文字描述要精簡(覺醒 / 智慧 / 表達 / 愛 / 行動 / 熱情 / 安全)
區塊 07

商品輪播(多 Tab 切換)

人氣 / 新品 / 限量 / 即將完售 四個 Tab,最大化曝光主推商品
🔥 人氣商品
🆕 本週新品
⭐ 限量商品
⏰ 即將完售
熱賣

紫水晶開運手串 8mm

$1,280 $1,580
限量

捷克隕石原礦項鍊

$3,880

粉晶愛情手串 7mm

$980 $1,200
新品

黑曜石小狐狸雕件

$1,580

虎眼石招財手串

$1,180
區塊 08

品牌故事

水晶 = 信任型商品,創辦人故事是高轉換元素

劉家兩姊妹的水晶店

「Crystalline 你的水晶好閨蜜」由劉家兩姊妹所經營,立志跟大家分享如何使用水晶能量過生活。

我們相信,水晶不是迷信,是陪伴。每一顆石頭都經過親手挑選、淨化、能量校準,才送到你手上。

看完整故事 →
區塊 09

不只賣水晶 ・ 還有專業服務

高毛利服務目前藏在三層 menu 裡,搬上首頁直接變現
🔮

1 對 1 預約解讀

由海音老師親自為你解讀,找到適合你的水晶能量配方

立即預約
📚

靈性課程

海音老師開設的靈性學習課程,從入門到進階

了解課程
🎁

客製伴手禮

婚禮、企業贈禮、生日禮,量身規劃獨一無二的水晶禮盒

洽詢客製
區塊 10

水晶小學堂

部落格內容露出 → 增加 SEO 流量、提升停留時間、教育新客
新手必讀

第一次買水晶?這 5 個重點先看

戴左手還是右手?會不會排斥?一次解答…

能量保養

水晶要怎麼淨化?月光、流水、煙燻一次教

不同石頭適合不同方式,用錯方法會傷石頭…

選石指南

2026 年犯太歲?這幾顆水晶幫你擋

從紫水晶到黑曜石,不同情況有不同搭配…

區塊 11

真實客戶好評

水晶是高信任商品,第三方評價是臨門一腳的轉換因素
★★★★★

「戴了快一年的紫水晶手串,質感非常好,包裝也很用心,每次出貨還會附上一張卡片,真的是很有溫度的店家。」

— Yuki ・ 紫水晶手串
★★★★★

「闆娘真的很專業,問了很多問題都耐心回答,後來買了招財水晶組合,工作上真的順了不少,會回購!」

— Annie ・ 招財組合
★★★★★

「捷克隕石的能量真的很強,戴上去馬上有感覺。本來怕網路上的不是真的,結果完全沒讓我失望。」

— Wendy ・ 捷克隕石項鍊
區塊 12

追蹤我們的日常

IG / FB / YouTube 內容串接,把社群粉絲導回官網,把官網訪客導去社群
區塊 13

LINE 留存 CTA

把一次性訪客變成可再行銷的私域流量

加入 LINE@ 好友,立即獲得 $100 購物金

每週推播水晶新知 ・ 會員獨家優惠 ・ 新品提前預訂

加入好友 →

執行優先順序建議

不要一次全做,照這順序排,先換能立刻拉轉換的,再做品牌深化的

🔴 第一階段(1-2 週內,立即拉轉換)

  • 區塊 04 主分類 icon — 把 menu 裡的東西攤到首頁,新客找路最快
  • 區塊 05 情境式選購 — 直接命中購買動機,水晶店最強的轉換區
  • 區塊 07 商品輪播 — 主推人氣 / 新品 / 限量
  • 區塊 03 免運廣告(先做靜態版,動態進度條第二階段)

🟡 第二階段(3-4 週內,建信任拉客單)

  • 區塊 02 信任條 — 解決新客疑慮
  • 區塊 08 品牌故事 — 提升品牌信任感
  • 區塊 11 客戶好評 — 收 5-10 則精選評價
  • 區塊 09 服務 CTA — 預約解讀、靈性課程拉上來
  • 區塊 03 免運進度條動態化(需開發)

🟢 第三階段(1-2 個月內,深化內容資產)

  • 區塊 06 脈輪選購 — 強化專業形象
  • 區塊 10 水晶小學堂 — 部落格 SEO 內容拉流量
  • 區塊 12 IG 動態串接
  • 區塊 13 LINE@ 留存 CTA(需先設計入會禮)

📌 給客戶的關鍵建議

  • 圖庫先補:所有區塊的視覺都需要實拍圖,建議先排一次商品 + 情境 + 創辦人形象拍攝。
  • 文案要重寫:目前頂部公告是純通知文字,建議改寫成有節奏感的廣告語(範例見區塊 01)。
  • 客戶好評要收集:從現有客戶的 IG tag、私訊、回購紀錄,整理出 10 則可公開使用的評價。
  • LINE@ 入會禮:$100 購物金或滿千折百,搭配區塊 13 才有實質誘因。
  • Shopline 限制:免運進度條、Tab 切換等動態元件需確認是否在 Shopline 可客製範圍內,若無法,先用靜態版替代。