Hi, I'm Melody.
結合產品思維、美感與全端開發實力,
打造高質感且架構穩健的數位產品。
從網站、API 串接到雲端部署維運,
為你量身打造合適的解決方案。
服務項目
提供從產品規劃到上線維運的完整技術服務,歡迎描述你的需求,一起討論最適合的合作方式。
高質感數位產品開發
不只把功能做完,更在意流暢的「flow」。能同時用企劃與開發者的語言對話,提高溝通效率。從 UX 到前後端架構一手包辦,把你的點子變成優質的數位體驗。
客製化系統與後端開發
專注於打造穩健、可擴充的後端架構與 RESTful API,涵蓋各類第三方服務串接與複雜商業邏輯處理,讓你的數位資產沒有後顧之憂。
營運流程自動化
善用 n8n 打造客製化工作流。幫一人公司或精實團隊將重複性作業自動化,讓你更能專注在核心業務上。
MVP 快速原型實踐
搭配 AI 輔助開發,用最短時間把點子做成能操作的原型。花小錢先驗證市場,體驗也不打折。
系統優化與持續迭代
接手現有專案的維護、修 bug、加功能。用系統性的方式優化架構,讓產品跟著業務一起長大。
永續與純素領域合作
我長期關注永續發展與純素 (VEGAN) 議題。歡迎理念契合的品牌與組織洽談專案合作,透過專業技術一起擴大良善的影響力。
精選專案
一系列獨立開發與開源實作專案,完整體現從後端架構到前端互動的全端開發能力。
全自動文章產出流水線 (Auto-Draft Pipeline)
透過 n8n 打造全自動文章產出流水線,將數小時的寫作工作壓縮至 5 分鐘。系統會定時接收通知、抓取素材、一鍵生成草稿,並自動完成 WordPress 標題、內文、SEO 與標籤設定。
核心亮點
- n8n 工作流自動化
- 自動收集素材與生成
- WordPress SEO/標籤自動設定
使用技術
客戶案例
受託為客戶打造的專屬網站與系統,程式碼屬於業主不公開。
純植行動聯盟官網與管理系統建置 (veganactionnetwork.org)
原本用 GoDaddy 架站工具維運,受限於固定版型與陽春的部落格模組,由我接手重新設計開發。用 Nuxt + NestJS + Prisma 打造專屬的 block-based CMS,非工程背景的管理者也能自由排版、一鍵翻譯雙語內容。後台功能跟著設計師與 PM 的真實使用情境一路迭代而成。
做到了什麼
- 依頁面歸屬管理內容——文章與素材依所屬頁面分類,不是全站共用單一文章庫
- 雙語內容一鍵搞定——中英欄位同畫面並列編輯,一鍵 AI 生成另一語言版本,不必外掛與分篇維護
- 自建不代表陽春——目錄生成、註腳、多欄排版、影片嵌入、行動裝置即時預覽,編輯功能一應俱全
- 草稿與正式版分離——已上線文章可安心編輯草稿,預覽確認後才發布,不怕改到一半被讀者看到
- SEO 完整內建——每頁自訂標題描述、結構化資料、社群分享預覽圖,不需另裝 SEO 外掛
使用技術
永續食力官網建置與內容維運 (esgfood.org)
我還在遊戲產業時期接下的第一個委託案,也是合作最久的客戶——從單次改版走到三年以上的長期維運。接手 WordPress 公版樣板,用 Elementor 與客製化調整突破套版限制,做出 PM 與設計師想要的版面;並制訂上稿規則與電子月報流程、錄製教學影片交接,讓非工程背景的成員能自行維運內容。
做到了什麼
- 三年以上長期維運——版型與功能隨團隊需求持續迭代,不是做完就結案的一次性專案
- 上稿規則與電子月報流程制定——把「怎麼上稿」變成可複製的 SOP,不依賴單人經驗傳承
- 套版做不到的直接寫 code——手刻 HTML/CSS 與自訂 JS,設計稿長怎樣就做到怎樣
- 合作三年仍主動關心——回頭詢問改善需求、建置自動化流程,持續省下重複性作業時間
- 系列教學影片交接——完整記錄操作流程,團隊能自主查閱維運,不必每次找人支援
使用技術
客戶怎麼說
合作夥伴的真實回饋,原文完整收錄、未經改寫。
因為舊網站公版的功能較為受限,許多想呈現的內容都無法完整實現,因此 Melody 建議我們直接重新架設一個全新的網站。一開始其實很擔心,重新建站會耗費大量時間,也擔心過程會很繁瑣,沒想到 Melody 不僅規劃清楚、執行效率非常高,短時間內就完成了網站建置,讓整個專案順利推進。 更讓人印象深刻的是,在網站完成後,Melody 並沒有因此結束協助,而是非常有耐心地陪伴我們進行後續的功能調整、內容優化與新增需求。每一次提出修改,她都會細心理解需求,並提供合適的建議,讓網站一步步變得更加完整、豐富,也更符合實際使用情境。 如今不只是前台呈現更加專業、美觀,後台操作也相當直覺、方便,大幅提升了日常管理與更新內容的效率。很感謝 Melody 在整個合作過程中的專業、細心與耐心,讓我們擁有一個兼具美觀、功能性與易用性的網站。
因為舊網站公版的功能較為受限,許多想呈現的內容都無法完整實現,因此 Melody 建議我們直接重新架設一個全新的網站。一開始其實很擔心,重新建站會耗費大量時間,也擔心過程會很繁瑣,沒想到 Melody 不僅規劃清楚、執行效率非常高,短時間內就完成了網站建置,讓整個專案順利推進。
更讓人印象深刻的是,在網站完成後,Melody 並沒有因此結束協助,而是非常有耐心地陪伴我們進行後續的功能調整、內容優化與新增需求。每一次提出修改,她都會細心理解需求,並提供合適的建議,讓網站一步步變得更加完整、豐富,也更符合實際使用情境。
如今不只是前台呈現更加專業、美觀,後台操作也相當直覺、方便,大幅提升了日常管理與更新內容的效率。很感謝 Melody 在整個合作過程中的專業、細心與耐心,讓我們擁有一個兼具美觀、功能性與易用性的網站。
Kim
文案企劃
在一次次與 Melody 討論,並提出我們的設計需求後,我們的網站呈現效果得到了很大的升級。Melody 幫我們從 0 開始打造了專屬我們團隊的後台儀表板,讓我們在網站架構的內容管理上得到了清晰、直覺的使用介面,揮別過去使用 Godaddy 內建建網神器上所遇到的限制。 她和我們一起想辦法,在一次次版更後,讓我們的使用體驗立即得到改善。她善用她的美感與小 Icon,讓後台的儀表板看起來舒爽、專業、直覺。她為我們設計「媒體庫」的區域,讓我們得以一次上傳多張系列圖片,在圖片管理上一目了然。她秉持著至始至終的耐心、理性與專業,因應我們需求:如論壇系列影片的呈現方式、大事記時間軸、點擊跳轉功能、文字段落縮排、表格製作、報告數字小標、文章概覽目錄、文章縮圖與背景的套用協調等等,Melody 都會在細心了解我們的需求之後,幫我們達成細節功能,有時,她研發出的功能甚至比我們想要的更合用! 你也是像我們一樣,想架設網站,卻遇到因架網神器內容排版樣式受到限制而困擾的人嗎?Melody 絕對會是為你客製化網站架設後台的不二人選!
在一次次與 Melody 討論,並提出我們的設計需求後,我們的網站呈現效果得到了很大的升級。Melody 幫我們從 0 開始打造了專屬我們團隊的後台儀表板,讓我們在網站架構的內容管理上得到了清晰、直覺的使用介面,揮別過去使用 Godaddy 內建建網神器上所遇到的限制。
她和我們一起想辦法,在一次次版更後,讓我們的使用體驗立即得到改善。她善用她的美感與小 Icon,讓後台的儀表板看起來舒爽、專業、直覺。她為我們設計「媒體庫」的區域,讓我們得以一次上傳多張系列圖片,在圖片管理上一目了然。她秉持著至始至終的耐心、理性與專業,因應我們需求:如論壇系列影片的呈現方式、大事記時間軸、點擊跳轉功能、文字段落縮排、表格製作、報告數字小標、文章概覽目錄、文章縮圖與背景的套用協調等等,Melody 都會在細心了解我們的需求之後,幫我們達成細節功能,有時,她研發出的功能甚至比我們想要的更合用!
你也是像我們一樣,想架設網站,卻遇到因架網神器內容排版樣式受到限制而困擾的人嗎?Melody 絕對會是為你客製化網站架設後台的不二人選!
徐豊祺
網站編輯
從永續食力的創立初期開始,Melody 就協助我們完成 WordPress 官網的建置,從符合 NGO 品牌形象的版型規劃、客製化設計,到後續隨著服務擴展進行網站架構優化,以及網站維運自動化,都一路陪伴我們成長,是非常值得信賴的合作夥伴。 最令人印象深刻的是,Melody 不只是負責技術開發,更會站在使用者的角度思考,主動提供更有效率的維運方式,協助我們降低管理成本。每當我們提出需求時,她總能快速理解,並提出兼顧實用性與長期維護的解決方案,是一位非常好溝通、也懂客戶需求的工程師。 由於公司初期網站小編更替較為頻繁,Melody 更主動協助建立完整的網站管理教學,包括上稿規範、操作流程及教學影片,讓新人能快速上手,大幅降低人員交接的時間與成本。 近年 AI 技術快速發展後,Melody 也協助我們導入自動化流程,讓原本需要大量人工處理的工作得以自動化,節省了文章編輯與上稿時間,也提升整體行銷工作的效率。 Melody 不只是技術執行者,更是一位能從企業營運角度思考、持續提出優化建議的合作夥伴。這幾年的合作經驗,讓我們深刻感受到她的專業、細心與高度責任感,也很高興一路有她陪伴永續食力的成長。
從永續食力的創立初期開始,Melody 就協助我們完成 WordPress 官網的建置,從符合 NGO 品牌形象的版型規劃、客製化設計,到後續隨著服務擴展進行網站架構優化,以及網站維運自動化,都一路陪伴我們成長,是非常值得信賴的合作夥伴。
最令人印象深刻的是,Melody 不只是負責技術開發,更會站在使用者的角度思考,主動提供更有效率的維運方式,協助我們降低管理成本。每當我們提出需求時,她總能快速理解,並提出兼顧實用性與長期維護的解決方案,是一位非常好溝通、也懂客戶需求的工程師。
由於公司初期網站小編更替較為頻繁,Melody 更主動協助建立完整的網站管理教學,包括上稿規範、操作流程及教學影片,讓新人能快速上手,大幅降低人員交接的時間與成本。
近年 AI 技術快速發展後,Melody 也協助我們導入自動化流程,讓原本需要大量人工處理的工作得以自動化,節省了文章編輯與上稿時間,也提升整體行銷工作的效率。
Melody 不只是技術執行者,更是一位能從企業營運角度思考、持續提出優化建議的合作夥伴。這幾年的合作經驗,讓我們深刻感受到她的專業、細心與高度責任感,也很高興一路有她陪伴永續食力的成長。
林經理
經理
關於我
從遊戲產業到全端工程師,一段跨領域轉換的真實旅程。
我是 Melody,一位從遊戲產業走向全端開發的創作者型工程師。
大學時曾用模塊化工具做出小遊戲,那種「親手把想法變成現實」的成就感讓我非常著迷。畢業後我帶著這份熱愛投入產業,擔任了三年的遊戲企劃與音效師。這段經歷不僅培養了我對「使用者感受」的敏銳度,也讓我意識到:比起只做企劃,我更渴望捲起袖子,成為那個「親手寫程式、把產品打造出來」的 Builder。
為了把這份渴望化為現實,我透過 AppWorks School 的高強度訓練打下紮實的開發基礎,並在新創環境的實戰中,獨立扛起專案的全端維運與雲端架構。沒有完善的制度,反而讓我練就了從零到一解決問題、快速剖析系統的硬實力。
我深信,一個好的數位產品不該只是冷冰冰的程式碼,而是需求、美感與穩定架構的融合。現在我以自由工作者的身份接案,並在 YouTube 頻道持續分享技術實作。我希望用這份專業,結合對「作品感」的堅持,為你打造既好用又好看的數位體驗。如果你有想法,或單純想聊聊有趣的產品,隨時歡迎!
數位多媒體 × 遊戲產業
畢業於數位多媒體系,曾投入遊戲產業三年,擔任遊戲企劃與音效師。這段經歷讓我習慣從使用者體驗和產品邏輯出發思考問題,而不只是技術本身。
系統性培訓,踏入開發
透過紮實的自學與 AppWorks School 的高強度培訓,深入學習 Node.js 與 AWS 雲端架構,以專案實戰完成後端與全端開發能力的養成。
新創環境,獨立維運
加入小型新創團隊,在幾乎沒有前人指引、也沒有完整制度的環境下,一人同時負責多個專案的開發與部署維運,逐步擴展為具備前後端完整能力的全端工程師。
遠端自由工作 + 技術創作
轉型為遠端獨立工作者,同時在 YouTube 頻道 MelodysFlow 持續產出技術內容,分享自動化、開發工具與實作心得。
工作經歷
外包合作的企業系統開發,從架構設計到部署維運一手包辦。
企業後台管理系統開發
商業專案全端開發・主導多套企業系統
核心功能與技術亮點
- 接手含 API Gateway 的多微服務系統,主導重構為單體服務
- 從零建置多個系統架構,並逐步擴展至全端開發維運
- 多角色 RBAC,各角色對應不同操作權限與獨立頁面集
- 完整人事審核鏈:請假、加班補休、補打卡,並自動化結算
DevOps・基礎設施與系統維運
內部基礎設施CI/CD 建置・GCP 部署・VM 維運
基礎設施與自動化亮點
- 接手既有 CI/CD 模板,調整並完整串通四階段 Pipeline
- 每次 push 自動執行 Jest 測試套件
- Docker image 建置後推送至 GCP Artifact Registry,並自動部署至測試機
- 撰寫系統建置與維運教學文件,供團隊成員接手傳承
專業技術棧
涵蓋前端、後端、資料庫到雲端部署的完整技術能力。
Frontend
Backend
Database
Deployment
YouTube 頻道
記錄真實的開發過程、自動化工具與工程師日常,不定期更新實作教學與心得分享。