Portfolio 作品與經歷
張詠欣Cindy Chang
從產品經理出發，因為熱愛產品開發，現在Freelance接案。
我在賦能港科技當了四年多的產品經理，把學習歷程平台 Lucker 從零做到 6 萬 3 千多位會員。2023 年產品進入維運期，我轉去做商務開發，半年內達成 100 萬的營收里程碑。
那段時間我也回學校念資訊管理碩士，開始自己寫程式，一個是透過照片判斷屋況的 找房LINE Bot，一個是線上的信用卡推薦Chrome Extension。
從 2025 年 12 月開始接案，幫客戶做官網、電商和後台。我習慣站在客戶的角度思考更好的解決方案，並在產品和工程中間找到平衡。
§ 01
作品
過去開發過的系統都非常多元，包括電商、後台、3D動作辨識等。
看作品 →
個人專案 2026 年 7 月至 9 月
591 租屋推薦 LINE Bot
每天自動找新的租屋物件，用 AI 看照片、打分數，再推到我的 LINE。
- 角色
- 獨立設計與開發
- 技術
- PythonFastAPIPostgreSQLLINE Messaging API／LIFFCLIPQwen2.5-VLDocker
- 校準後 AI 與我的評分差距，多項完全一致
- ≤ 2 分
- 模型費用，CLIP 與視覺語言模型都在本地跑
- 0 元
- AI 看照片評分：裝潢、採光、清潔、家具、照片品質
- 5 項
有操作影片 →
個人專案 2026 年 7 月至 9 月
CrediPick 快點選
結帳前自動告訴你，這筆該刷哪一張信用卡，回饋最高。
- 角色
- 獨立設計與開發
- 技術
- PythonNode.jsPostgreSQLChrome 擴充功能LINE BotDocker
- 家銀行
- 10
- 張信用卡
- 314
- 條結構化規則
- 5,535
有操作影片 →
接案 2026 年 9 月至 10 月
AshmeBespoke 珠寶官網與電商
珠寶工作室的官網、電商，和店主自己用的管理後台。從寫規格到上線，我一個人做。
- 角色
- 全端獨立開發
- 技術
- Next.jsTypeScriptPrismaPostgreSQLZeabur
有操作影片 →
學校專案（團隊） 2025 年 11 月至 2026 年 3 月
AI Coach 網球動作分析
把揮拍的 3D 骨架資料，變成選手看得懂的分數和改善建議。
- 角色
- 負責動作分析、圖表視覺化與報告
- 技術
- PythonNumPyscikit-learnChart.jsThree.jsOpenAI API
- 個動作面向
- 8
- 種視角的 3D 檢視
- 4
其他作品
4 項
Le bling 品牌官網與電商
培育鑽石與香氛品牌的電商與後台：會員與等級、購物車、折扣碼、優惠券、消費金、信用卡金流（含分期）。後端用 Express，資料庫用 MySQL。
React、Express、MySQL、AWS SES、Zeabur
希望製造官網與場地租借報名進行中
台中希望里的官網。客戶用 Strapi 後台自己組合頁面；場地租借的報名要通過簡訊驗證，後台可匯出 CSV 和報名明細 PDF。
Strapi、React、MySQL、Railway
tw_trip 台灣旅遊指南
2026 年出國交換時，為了讓外國人認識台灣而做的多語系旅遊指南：景點、美食、伴手禮、3D 地圖和捷運路線圖。網站在一個 900 人的群組裡分享後，有五組外國人參考這個網站來台灣玩。
Next.js、React Three Fiber、Framer Motion、Tailwind
旅行時做的五個小網站
嘉義、香港、釜山（兩個），和鎮海軍港節。有行程、分帳記帳、離線可用的 PWA。
原生 JS、React、Express、Supabase
§ 02
RAG AI 助理
右下角的RAG AI助理是用 Claude tool use 做的 agent，只根據這個網站和我的技術筆記回答；同一組檢索工具也包成了 MCP server。
- 檢索
- BM25 加上中文雙連詞斷詞。agent 把問題改寫成幾個角度的查詢，伺服器用 RRF 合併排名，再用一張領域同義詞表做查詢擴展。
- 護欄
- 最大步數的安全閥、輸入長度限制、每個 IP 與全站的每日上限。檢索內容和使用者貼上的文字都當成資料，不當成指令。
- 為什麼先用 BM25
- 知識庫只有幾十段，專有名詞很多，關鍵字比對本來就準，也好除錯。知識庫變大或評測顯示語意落差變多，再加向量檢索。
knowledge/*.md + content/*.ts
└─ build-index ─→ chunks.json
ChatWidget ─→ /api/chat ─→ Claude
│ tool use
MCP client ─→ mcp/server.ts ─┤
├─ search_portfolio
├─ get_document
└─ list_documents| 題組 | 不擴展 | 擴展 |
|---|---|---|
| 沒拿來調參的 12 題 | 0.75 | 1.00 |
| 調參時看過的題目 | 0.90 | 0.97 |
hit@3，關閉／開啟查詢擴展。沒調參的那組只有 12 題，數字只能當方向參考。
§ 03
經歷
產品經理、商務開發，到自己寫程式接案。
2025.12 – 至今
全端開發／專案經理自由接案
幫品牌、在地組織與公協會做官網、電商、後台系統與 AI 應用平台。從需求訪談、報價、規格到上線與維運，一個人包辦或擔任 PM 對接開發。
- 全端交付
- AshmeBespoke 珠寶電商（多語系、會員訂單、後台）、Le Bling 品牌官網與電商、希望製造官網（Strapi CMS，GCP 自動部署）
- 專案管理
- iPAS 專業人才媒合平台：統籌整個平台，促成 6,000 件企業與管顧公司的數位轉型媒合；軟協「企業診斷平台」：系統規格、驗收文件與教學影片
- 交付文件
- 每個案子都產出報價單、規格書、功能狀態表與操作手冊，客戶能自己維護內容
2023.07 – 至今
現為兼職
商務開發經理賦能港科技
E-port：全台最大高中生活動平台，每年上架 700+ 個營隊與課程，SEO 搜尋排名第一。Lucker 進入維運期後轉任此職，負責能直接帶來營收的業務。
- 營收
- 制定商務成長策略，6 個月內達成 NT$100 萬營收里程碑，帶動營收成長 50%
- 商業模式
- 規劃平台廣告、活動招生與分潤，廣告營收年成長 30%；活動銷售與報名成長 25%
- 合作夥伴
- 建立並管理約 1,100+ 家合作夥伴的業務追蹤流程，廣告回頭客重複購買率達 50%
- 平台策略
- 推動「全台中學生活動地圖」聯盟計畫，擴充活動供給與合作網絡
2021.02 – 2025.05
4 年 4 個月
產品經理賦能港科技
Lucker：因應 108 課綱誕生的學習記錄器（APP 與 WEB 編輯器）。2023.07 產品進入維運期後，轉任商務開發，同時兼顧 Lucker 的維運到 2025.05。
- 產品規模
- Lucker 累積 63K+ 會員、46K+ 份學習歷程內容，MAU 約 4–5K，進入教育相關政府選購／認證體系
- 從 0 到 1
- 從使用者訪談、需求分析、Figma Wireframe 與 User Flow 到功能規格，協調外包與內部後端團隊上線
- 迭代流程
- 建立 Agile 迭代與 Beta 測試流程，用 Trello 管理 Bug 與使用者回饋，兩年完成約 4 次主要版本迭代
- 成長
- 主講 15+ 場校園推廣講座，累積約 5,000 人、會員轉換率 85%；E-port 的線上心理測驗活動單日達 6,000 人次上限
2019.10 – 2021.02
1 年 5 個月
執行助理安思創扶
學校「研發種子」轉化為新創事業的創投橋梁
- 內部創案
- 在內部 Google Sprint 中提出的解決方案獲選，做出第一代 Prototype（Adobe XD）送進 3 所台北市高中試用，訪談 20 位同學與 5 位老師，近 9 成好評
- 後續
- 以此為基礎，帶領內外部團隊打造 Lucker APP Beta 並完成封測、公測到正式上線
學歷
- 國立臺北大學資訊管理研究所・碩士2024.02 – 2026.06
- 輔仁大學企業管理學系・學士2015.09 – 2019.06
§ 05