高端療癒旅修平台｜旅程、方案、名額、付款一次到位
整合「旅修活動」與「專業師資培訓」到同一站
從 Upcoming Retreats 快速瀏覽 → 活動詳情 → 方案/價格 → CTA 導向購物車流程
同步提供英文與繁中內容，讓國際與華語受眾都能順暢閱讀與報名
CLIENT
Nada Chikitsa Retreats
INDUSTRY
- 旅遊業
- |
- 身心靈療癒
01
背景與挑戰
Challenge & Solution
以峇里島為據點的高端旅修社群品牌，提供療癒旅程與專業培訓，需要一個能「承接轉換」的官網入口。
品牌定位為以喜馬拉雅聲音療癒為核心的 wellness community，提供度假型療癒旅程與專業培訓。
網站內容除了敘事（理念/師資/體驗）外，也需要把「日期、地點、天數、名額、價格與包含項目」說清楚，讓旅修產品可以被快速理解與下單。
同時，站點提供英文與繁中兩種語系，服務國際與華語市場。
旅修產品決策成本高，必須在同一站內把「信任感」與「報名流程」同時做到位。
-
旅修/培訓內容多且複雜：需要清楚的資訊架構把活動、培訓、回顧與政策分流。
-
旅修類產品最怕不確定感：名額、梯次狀態（Sold out / seats left）與方案差異要一眼看懂。
-
需要縮短轉換路徑：從瀏覽活動到挑選 package 與付款，不能讓使用者一直跳頁或私訊問細節。
-
多語系內容要一致：英文與繁中都要能找到同一批關鍵資訊（活動/價格/政策/聯絡）。
打造「旅修＋培訓」的一站式活動轉換平台
-
資訊架構重整：以主選單分層（About / Upcoming Retreats / Retreats & Trainings / Past Stories / Refund & Cancellation），讓首次來訪者先理解品牌，再快速進到可報名的活動清單。
-
轉換流程縮短：
-
活動入口頁（Upcoming Retreats）先用卡片式摘要呈現「天數/日期/地點/一句話賣點」，用 LEARN MORE 導到單一活動詳情頁。
-
活動詳情頁把「誰適合、每日流程、地點、方案/價格」集中在同頁，並以 Limited Spots 作為 CTA 推進到付費流程。
-
-
功能整合到同一站：
-
旅修方案在頁面內直接呈現價格（例如 USD 1299 / 1799 等）與名額狀態（Sold out / seats remaining），並以 add-to-cart → cart 的流程承接付費。
-
培訓類活動在清單頁直接標記剩餘名額，協助使用者快速判斷是否要立刻行動。
-
-
行動裝置（RWD）優化（保守描述）：以「滑動卡片（Slide through）」與「Show more / Show less」收合內容，讓長內容在小螢幕仍可讀、可掃描。
6WK
開發週期
100%
RWD 適配
設計系統
-
品牌定位偏「高端療癒旅修」，所以用偏自然系的深綠＋橄欖綠做主色，營造穩定、沉靜、可信任的感受。
-
內容需要同時「詩意」又「可讀」，所以標題用帶質感的展示字體，內文用乾淨的無襯線字體，讓長文與活動資訊都好讀。
-
轉換點是檔期與商品/訂金，所以版面用大段留白與清楚的區塊標題，讓 CTA 與活動卡片不被干擾、決策更快。
Typography
Aa
TheSeasons (Headings)
Aa
Montserrat (Body)
主要顏色
背景顏色
次要顏色
文字顏色
02
介面設計
Visual Showcase
-
首頁節奏：以「品牌與理念（About/Philosophy）→ Retreats 檔期入口 → Trainings 入口 → 客製旅程（by request）→ Footer/聯絡」的節奏鋪陳；先讓人理解氛圍與價值，再提供明確的路徑進入檔期與培訓頁面做轉換。
-
元件語言：大量使用區塊標題＋卡片式入口（Retreat / Training 類型與天數），搭配大圖意象（海、森林、稻田等），整體走「安靜、留白、低干擾」的高端療癒風格。
-
行動版策略：用短段落與明確的標題層級，讓使用者在手機上以滑動掃描也能迅速抓到：我要看哪一種旅程、幾天、點哪裡；多語切換入口放在導覽列層級，降低迷路率。
-
為什麼這樣設計：這類型服務的成交通常需要「信任感＋清楚選項」。所以先用理念與故事建立信任，再用檔期/類型卡片把選擇題做簡單，最後把交易入口商品化（訂金/保留席位）完成閉環。
電腦版首頁
手機版首頁
03
合作流程
Our Workflow
需求訪談與規劃
視覺設計與開發
測試上線與教學
「我們終於把理念內容、活動頁與付訂入口串在一起，團隊維運更省心。」
Chi琪
Nada Chikitsa Retreats 創辦人