工作訓練
「做麵包比開演唱會還難」
憨兒師傅金生的紅豆內餡，25 公克就是 25 公克，一克都不讓。他有 12 年經驗、一張丙級證照，和無數埋首努力的日夜。
閱讀全文
每月 150 元，陪一位憨兒上完烘焙第一課 前往支持
這一段的每個數字都是量出來的，不是設計的：容器 1180px、header 高 100px、右側上下兩排各 50px、選單 14px／每項左右 padding 12px、搜尋框 214×25 圓角 20 底色 #e4e2e2、購物車徽章 min-width 25 圓角 13、選單 hover 是加底線不是換色。這些都改不動。
可改的只有色票與文字：Logo、選單項目名稱、搜尋提示字、徽章與售價的顏色。會員工具是固定的五項，路由由系統決定（/V2/TradesOrder/TradesOrderList?shopId=）。
整份設計的關鍵在這裡：「憨兒服務」「公益合作」用 91APP 的自訂連結選單（customLinkListMenu）掛進主選單，內容來源是官網 Drupal。綠色圓點＝公益動線、無圓點＝購物動線，讓使用者一眼分得出自己在買東西還是在看基金會在做什麼。這是在 91APP 允許的範圍內，唯一能把「公益」放進骨架的位置。
這裡有一筆會被漏掉的改版成本：91APP 輪播的素材規格是桌機 1920×800、手機 1280×600（從正式站的圖檔命名量出來：…_d_1920x800_1280x533_1124x468_800x333…）。喜歡你購物網現有的主視覺是 1920×505——比例差很多，所有檔期主視覺都要重製，不是搬過去就好。這份 DEMO 用的是現有素材，所以看起來比正式站扁。桌機與手機要分別上稿，等於每檔兩套。
做法：用一般的圖片模組，連結指向官網的募款專案頁。不在商城內做金流——勸募有字號規範，91APP 也會另收勸募系統使用費。
新增了現行商城沒有的兩個欄位：「溫層標籤」與「出貨庇護工廠」。溫層讓消費者在加入購物車前就知道會不會分批到貨；出貨工廠把「多出貨點」從客訴風險變成品牌敘事——這盒是哪一間庇護工場做的。兩者都用 91APP 的商品標籤／自訂欄位即可，不需客製開發。
OUR WORK
你買的每一盒，接住了誰
內容由基金會官網同步，不需要在兩個後台各打一次
200位庇護性員工，約佔全台 12%
17處庇護職場，多元職種可嘗試
2–3年憨兒考取丙級證照的平均時間
能力培育
從學徒，到能獨當一面的工作者
推動烘焙、中餐、門市服務丙級證照培訓，由專業講師帶領實作與學科輔導，讓憨兒擁有被國家認可的技能與自信。
閱讀全文
憨兒故事
「堅持不放棄，我覺得自己好棒」
每位學員的能力不同，基金會與職能治療師攜手設計工作輔具與職務再設計流程，讓每雙手都找到屬於自己的節奏。
閱讀全文
這一段是「APP 不只是購物」的答案。官網是 Drupal 10，內建 JSON:API 模組（啟用＝後台勾選，不需改程式），把最新消息與憨兒故事帶進商城與 APP，電商組同仁就不必上架兩次。現況：2026-09-15 實測官網 /jsonapi 回 404，代表沒開；這題要跟官網廠商談，不是跟 91APP 談。
iOS 審查提醒：APP 內導往外部捐款頁，非營利實體可不走 IAP，但必須清楚標示「捐款給財團法人喜憨兒社會福利基金會」。第 5 週就要送審，這件事要在需求訪談期就定稿，不能到送審才發現。
WHERE WE ARE
購物與餐飲
STORES
門市據點
線上下單、門市自取；中秋與年節檔期建議提前七日預訂
NORTH
北區門市
- 台北烘焙屋常溫出貨
- 台北餐廳門市內用／外帶
- 新北庇護工場參訪預約
TAOYUAN / HSINCHU
桃竹門市
- 桃園庇護工場常溫／冷藏
- 中壢烘焙屋現烤
- 新竹門市禮盒自取
SOUTH
南區門市
- 高雄中央廚房冷凍出貨
- 高雄餐廳門市內用／外帶
- 台南門市禮盒自取
不可改：頁尾是 91APP 的 layout-footer-wrapper——三欄固定 32%／50%／18%，中間那欄再切三等份，版權列固定靠右，字級寫死（標題 1em／連結 .8em／版權 .7em）。社群圖示連顏色都是寫死的（FB #1877f2、LINE #06c755、IG #ff0076）。
可改：每欄的標題與連結、客服資訊、最下方版權字串。悠遊買線上商城就是把版權換成「© 2026 by 數匯智控股份有限公司」。
