兒童專研營養 × 日常潔膚選品，把安心做成習慣
專為兒童成長需求打造營養補充品，同時提供日常清潔保養選品。
精選商品直接在首頁與產品專區呈現，可快速加入購物車結帳。
用健康專欄持續輸出保健與潔膚知識，讓內容成為信任入口。
聯絡頁整合官方 LINE、客服信箱與表單，售前售後問題有出口。
CLIENT
辰煦實業有限公司
INDUSTRY
- 保健食品
01
背景與挑戰
Challenge & Solution
把「兒童營養補充＋潔膚選品」做成可長期經營的信任型電商平台。
網站定位為生活產品代理商，主軸同時涵蓋兒童營養補充與清潔保養品類。
產品頁提供清楚的配方/成分與使用方式，並搭配折扣碼機制促進下單。
同站包含健康專欄內容與經銷商招募表單，兼顧「消費者購買」與「合作夥伴拓展」。
在「保健/清潔」這種高信任品類，必須把產品資訊、售後規範與聯絡入口做得夠透明，才能讓轉換穩定。
-
品類信任門檻高：需要把配方/規格/使用方式寫清楚，降低第一次購買疑慮。
-
轉換需要更短：首頁與產品專區要能直接「加入購物車」，避免找入口找很久。
-
售後規則要一致：退換貨、個資與訂單規則必須集中到條款頁，避免客服被重複問。
-
B2B 合作入口：經銷商招募表單要能清楚蒐集經營計畫與渠道資訊。
打造「精選商品直購＋內容專欄養信任＋條款透明＋經銷招募」的一站式電商平台
-
資訊架構怎麼重整：導覽以「首頁／關於我們／產品專區／聯絡我們／我要成為經銷商」做主分流，對應 B2C 購買與 B2B 合作兩種目標。
-
轉換流程怎麼縮短（CTA/表單/登入/購買）：
-
首頁直接露出精選商品與「加入購物車」CTA，縮短從瀏覽到下單的距離。
-
產品專區以清單呈現品項與價格，支援快速加購。
-
商品頁提供折扣碼（如 VIP01 / 滿額折扣碼）刺激完成結帳。
-
-
哪些功能被整合到同一站：
-
電商：商品頁、購物車、折扣碼、會員帳戶與訂單資訊。
-
內容：健康專欄文章作為信任入口與SEO長尾。
-
客服：聯絡頁整合 LINE ID、信箱與表單欄位（姓名/手機/email/問題描述）。
-
售後規範：消費者保護協議頁集中訂單、退換貨與個資條款。
-
經銷拓展：經銷商申請表蒐集職業、銷售渠道、投入模式與培訓意願。
-
6 WK
開發週期
100%
RWD 適配
設計系統
商品主軸是「兒童營養＋生活潔膚」，需要溫和、安心與親近感，所以以暖橘作為主色拉出活力與親和力，並以偏清新的綠作為次色做輔助與互動提示。
內容包含產品說明與條款文字，閱讀性是第一優先，所以內文使用 Noto Sans TC 確保長文清晰；標題用較有手寫感的字體，讓品牌更有溫度與識別。
按鈕採主色底、hover 轉次色的互動邏輯，讓主要 CTA（加入購物車/送出表單）更容易被注意到。
Typography
Aa
‘LXGW WenKai TC’ (Headings)
Aa
‘Noto Sans TC’ (Body)
主要顏色
背景顏色
次要顏色
文字顏色
02
介面設計
Visual Showcase
-
首頁節奏：先以「兒童專研/醫師推薦」語意建立信任 → 直接露出精選商品（可加購）→ 補上品牌定位「生活產品代理商/生活顧問」→ 再導到產品專區與聯絡入口，形成「先信任、再購買」的節奏。
-
元件語言：
-
商品採卡片＋價格（含特價/原價）呈現，CTA 直接是「加入購物車」。
-
商品頁資訊採「描述/額外資訊」tab（或段落分層），把成分、用法、注意事項集中，降低閱讀負擔。
-
聯絡頁同時提供 LINE ID、信箱與表單欄位，避免使用者找不到怎麼問。
-
-
行動版策略：用「切換功能表」降低導覽負擔；商品列表維持一眼可掃、CTA 可點。
-
為什麼這樣設計：保健/清潔品類的轉換關鍵是「資訊透明＋售後清楚＋問題有出口」，所以用商品頁資訊結構＋消費者保護協議＋聯絡入口，去降低猶豫與退單風險。
電腦版首頁
手機版首頁
03
合作流程
Our Workflow
需求訪談與規劃
視覺設計與開發
測試上線與教學
「這次網站上線後，商品入口跟購買流程變得很清楚，讓客人可以自己加購、結帳。商品頁把成分、用法、注意事項也整理得很清楚，客服收到的問題也更聚焦。經銷商申請表把我們想問的資訊一次收齊，後續洽談效率高很多；整體視覺也更一致，團隊日常更新內容不會有壓力。」
振暘
辰煦實業有限公司 創辦人