H. Manor

希爾芳園（H. Manor）是一個精油芳療與身心靈品牌，提供精油產品、靈性卡牌，以及線上身心靈課程。品牌的核心是「療癒」——透過植物的力量與課程的引導，陪伴學員照顧自己的身心。

專案開始時，品牌的銷售分散在不同管道：課程報名一套流程、卡牌販售另一套、會員資料又在別處。每多一個管道，就多一份手動核對的工作。品牌需要的不只是一個「商城」，而是一個能把商品、課程、會員整合在一起的完整平台——同時保有品牌溫暖療癒的氣質。

療癒的體驗，應該從進站的第一秒開始。

這是整個專案的設計方針：功能面是一個電商平台，體驗面卻要像走進一間芳療教室。

這個案子的內容型態特別多元：實體商品、靈性卡牌、線上課程、文章，每一種的欄位結構都不同。所以我們選擇 Next.js + Sanity CMS 的 headless 架構——在 Sanity 為每種內容量身定義模型，品牌方在同一個後台上架商品、發佈課程、寫文章，前台自動同步。

前端用 Next.js 的原因很實際：商品與課程頁需要好的 SEO 與載入速度，會員與課程觀看又需要應用程式般的互動。Next.js 讓兩者共存在同一套架構裡。部署在 Vercel，每次改版都有預覽網址，與品牌方的確認往返變得非常輕快。