讓消費成為行善的起點
伊甸公益MaLL
官網設計案例
伊甸公益MaLL 是伊甸基金會成立的購物網站，販售身心障礙者於庇護工場製作的烘焙、文創與文具等商品，讓「消費不只是花錢，而是成就一段關心的起點」。本案的核心命題不是把商品「放上網」，而是在公益使命裡，同時撐起「順暢的購物體驗」、「公益使命與信任」與「捐款與企業採購導流」。
公益電商的難題，
在於購物、使命與信任並重
非營利組織經營公益電商時，與一般購物網站最大的不同，在於它要同時讓人「順暢買到喜歡的商品」、感受到「每筆消費背後的公益使命」，並建立非營利組織應有的信任與安全感。
消費者上公益商城，一方面想順暢買到喜歡的商品（烘焙禮盒、文創小物、身障畫家的畫作），一方面想知道這筆消費怎麼幫助身心障礙者；企業想做採購與代購捐贈；也有人想直接捐款。每一種人，需求都不一樣。
這也帶出一個關鍵的設計矛盾：做得太像一般電商，會淡化公益使命與感動；但若太像募款頁、購物不順暢，又留不住想好好買東西的消費者。因此公益電商，需要同時處理購物體驗、公益使命與信任幾件事。
本案的設計核心，就是在這幾端之間找到平衡點——讓網站既傳達「天生我才必有用」的公益價值與庇護工場故事，又能提供順暢好買的購物體驗，並把人帶到捐款與企業採購等行善入口。
公益電商的難題，不在於把商品放上去，而在於放上去之後，網站能不能讓人買得順、信得過，並感受到每筆消費背後「天生我才必有用」的價值。
— 新視野規劃觀點 / PROJECT NOTE先釐清需求，
再談設計與電商
公益電商與一般購物網站最大的差異，在於它既是電商、也是公益使命與信任的傳達平台。本案的需求，可收斂為五個核心。
先定錨公益定位，
再決定官網呈現
網站的視覺語言由公益定位主導，電商與功能以「不稀釋公益使命」的方式呈現。定位釘住後，每個元件都有判斷依據，不會在「要更像電商」與「要更像公益」之間反覆拉扯。
以溫暖的視覺與公益敘事傳達感動，同時提供清楚好買的購物動線，讓「感動」與「好買」並存而不衝突。
把庇護工場與身心障礙者的故事帶進商品，讓每件商品不只是商品，而是背後一段努力與支持的故事。
購物、立即捐款、企業採購與公益回饋各有清楚入口，讓不同形式的支持者都能找到自己的行善方式。
五個規劃重點，
兼顧購物與公益
從公益使命到商品分類、庇護工場故事、捐款企業採購與多元付款，每個決策都同時服務「購物體驗」與「公益價值」。
首頁以公益敘事與商品並陳，在傳達使命與感動的同時，清楚引導商品選購、捐款與企業採購入口。
以美味、文創、文具、票劵與線上畫廊等分類清楚呈現商品，桌機多欄、手機單欄，並整合購物車與結帳。
以庇護工場、小作所與身心障礙者的故事，讓消費者了解商品來源與背後的努力，深化購買的意義。
整合立即捐款與企業專區、代購捐贈與公益回饋等入口，讓不同形式的支持都能順暢進行。
手機版優先，並整合線上刷卡、超商取貨付款、虛擬帳號與會員機制，確保各裝置都能順暢購物與付款。
從訪談到上線的
執行流程
七個階段逐步推進，每個節點都讓組織端與設計端對齊，從需求釐清到正式上線，方向不偏移。
釐清公益使命、商品結構、捐款與企業採購需求與目標支持者。
定義商品分類、電商流程、捐款與企業採購動線。
以溫暖公益形象為主軸建立配色、字級與版型節奏。
優先處理首頁、商品專區、公益使命與庇護工場頁。
串接購物車、多元付款、會員、捐款與企業採購導流。
讓商品、消息、訂單與公益內容都能由組織端自行維護更新。
跨裝置驗證購物、付款與捐款動線，調整細節後正式上線。
建議網站架構
與 SEO 延伸佈局
讓「公益使命」與「商品電商」各有清楚入口又能彼此導流，並為後續 SEO 與節慶公益活動預留擴充空間。
伊甸公益MaLL官網
├─ 關於我們
│ ├─ 伊甸服務
│ ├─ 庇護工場
│ ├─ 小作所
│ └─ 養護中心
├─ 商品選購
│ ├─ 美味專區（烘焙／禮盒／料理）
│ ├─ 文創商品（居家／服飾／包包／皮件／DIY）
│ ├─ 文具出版（書籍／音樂／手帳／卡片）
│ ├─ 活動票劵（園遊票劵）
│ ├─ 線上畫廊（身障畫家油畫）
│ ├─ 企業專區
│ └─ 公益回饋
├─ 立即捐款 → 捐款平台
├─ 會員專區
├─ 購物須知（訂單／付款／運送／FAQ）
├─ 最新消息
└─ 聯絡我們在主架構之外加上公益商品故事與節慶公益專題，承接「公益禮盒」與「愛心義賣」等搜尋需求，再以內部連結把流量導回商品與捐款。
不只是「能買東西」，
而是讓消費成為行善
對非營利組織來說，這類官網同時帶來公益、商品展示、信任、捐款支持與數位資產五個層面的價值。
把每筆消費轉化成對身障就業與弱勢的實際支持，深化購買的意義。
商品分類與購物流程更順暢，降低購買門檻、提高完成率。
以使命敘事與透明資訊，建立非營利組織應有的信任與感動。
把流量導向捐款與企業採購，擴大支持的形式與規模。
網站內容可持續擴充，有助於後續 SEO、公益推廣與品牌經營。
不只公益形象，
更具備電商與官網開發能力
這個案例展現的不只是視覺設計，背後整合了完整的商品分類與電商、公益使命敘事、捐款與企業採購導流、會員與多元金流、信任機制與後台維運。新視野具備非營利與公益電商網站的客製化開發能力。
新視野提供公益、非營利與基金會品牌官網與電商建置服務，包含內容管理系統、商品分類與電商、公益使命敘事、捐款與企業採購導流、會員與多元金流、信任與安全機制、SEO 規劃。服務領域涵蓋非營利組織、基金會、社會企業與庇護工場，協助組織打造兼具購物體驗與公益信任的官方網站。
以使命與購物雙主軸設計，讓公益敘事與順暢購物並存，做到既有感動又好買。
以清楚的組織介紹、商品來源故事、防詐騙提醒與客服機制，建立非營利組織應有的透明與信任。
把購物、立即捐款、企業採購與公益回饋整合進清楚動線，讓不同形式的支持都能順暢進行。
公益電商與非營利網站
常見問題
關於非營利組織、基金會與公益電商的官網開發，組織端最常詢問的問題。
Q.01非營利組織或基金會適合做電商網站嗎？
很適合。公益電商能讓消費成為行善的起點，官網能整合公益使命、商品電商、捐款與企業採購，把支持者的消費轉化成對弱勢的實際幫助。
Q.02公益電商要怎麼兼顧購物體驗與公益使命？
可以使命與購物雙主軸設計，一方面把商品故事與公益使命說清楚，一方面提供順暢的購物車、會員與多元付款，讓人買得順也買得有意義。
Q.03商品很多（烘焙、文創、文具、畫作），要怎麼分類？
會規劃清楚的商品分類與子分類（如美味、文創、文具、票劵、線上畫廊），並可搭配標籤與篩選，讓支持者快速找到想要的商品。
Q.04可以整合捐款或企業採購嗎？
可以。可規劃立即捐款導流與企業採購、代購捐贈專區，把不同形式的支持整合進官網動線。
Q.05電商付款與超商取貨可以做嗎？
可以。可整合線上刷卡、超商取貨付款、虛擬帳號與超商代碼等多元金流，方便不同支持者選擇付款方式。
Q.06公益電商要怎麼建立信任與安全感？
可透過清楚的組織介紹、商品來源故事、防詐騙提醒與客服支持等機制，建立非營利組織應有的透明與信任。
Q.07這類網站需要後台嗎？
通常需要。因為商品、消息、訂單與公益內容都會持續更新，有後台會大幅提升維護效率，也讓內容能即時更新。
Q.08庇護工場或商品故事要怎麼呈現？
可規劃庇護工場與商品故事的內容區，把商品來源與背後的努力說清楚，讓消費者了解每筆消費的意義。
Q.09做這種網站大概要準備哪些素材？
通常需要商品圖片與說明、公益使命與庇護工場介紹、組織與聯絡資訊，以及付款與運送設定。商品與故事的完整度，會直接影響購買與信任，建議優先準備。
Q.10公益電商適合做 SEO 嗎？
適合。像公益禮盒、愛心義賣、節慶公益與商品故事等主題，都有機會透過 SEO 累積自然流量並導向商品與捐款。
Q.11新視野可以做非營利或公益電商網站嗎？
可以。新視野提供非營利、基金會與社會企業的品牌官網與公益電商，整合商品分類與電商、公益使命敘事、捐款與企業採購導流、會員與多元金流，從公益形象到購物體驗一併規劃。
