全端工程師｜台灣・可遠端

從需求到上線，
完成網站的每一個階段。

我是 Michael，專做企業網站與系統整合。從前台頁面、內容管理到 API 與自動化流程一站完成，讓網站不只負責展示，也能接進企業原本的工作流程。

網站做完上線只是起點；真正的交付還包括整合、測試、部署與後續維護。

查看作品討論專案

一個人前台、後台、部署

可遠端台灣及海外專案

雙語中英文網站

作品

兩個公開網站，一套完整整合流程。

以下為虛構品牌的概念示範作品，用來展示企業網站、全端整合與英文 Landing Page 能力。公開網站可以直接操作；涉及管理權限的內部工具則以畫面與流程說明展示。

雙語企業官網多頁資訊架構・雙語・CMS・SEO

CNC 精密加工廠官網

中英雙語 B2B 製造商官網

為虛構 CNC 精密加工廠製作的中英文企業官網，包含服務分類、製程規格、公司沿革、設備認證、最新消息與詢價聯絡。

中英文共 18 頁的響應式企業官網
網站版面由可重用的內容模型產生，產品、製程與最新消息可透過 CMS 維護，更新內容不需要重新修改頁面程式
canonical、hreflang、sitemap 與社群分享設定
全站無外部圖片依賴，技術製圖為純 SVG

開啟網站 →

全端整合表單・後端驗證・資料庫・管理介面

企業詢價管理流程

詢價表單 → 防濫用驗證 → 資料庫 → 業務管理介面

問題詢價散落在信箱中，業務難以集中追蹤處理狀態。

訪客送出詢價後，系統會完成欄位驗證與機器人防護，建立詢價紀錄，讓業務集中篩選、更新處理狀態及匯出名單。

包含伺服器端驗證、機器人防護、速率限制、資料保護及安全匯出。

技術細節

前端驗證只是使用上的方便，不是防線；所有 POST 進來的資料一律視為不可信
伺服器端重新驗證每一個欄位，錯誤訊息會對應回發生問題的欄位
機器人防護與速率限制：超量請求會被擋下並回傳明確狀態
IP 只保存加鹽雜湊，不保存原始位址
CSV 匯出具備公式注入防護
管理頁通行碼採常數時間比對
載入中、成功、失敗、速率限制各有明確的畫面狀態

管理介面涉及內部權限，目前以截圖和流程說明展示，可於洽談時實際操作。

英文 Landing Page 英文市場・響應式設計・視覺與動效

專注 App 形象頁

英文 SaaS 形象頁・轉換導向

為虛構專注 App 製作的英文 SaaS Landing Page，展示轉換導向的單頁結構、響應式設計與不同於企業官網的視覺語言。

純 CSS／SVG 視覺，無外部圖片依賴
響應式設計，手機至桌面版一致
載入及捲動動效
JavaScript 失效時內容仍可閱讀

開啟網站 →

客戶可自行維護的 CMS

上面那個加工廠官網的內容由後台驅動：客戶自己就能改字、換圖、發布。中英並排編輯可避免發布只翻譯一半的頁面，並具備草稿狀態與發布預覽 —— 只有「已發布」的內容會上線，未完成的編輯不會外洩。後台需登入，可於洽談時實際展示。

服務

三種常見的合作方式

企業形象網站

適合需要建立或更新公司網站的企業。

單頁或多頁網站
響應式設計
中英文網站
產品與服務介紹
SEO 基礎設定
部署上線

可自行維護的網站

適合需要持續更新產品、消息、案例或團隊內容的企業。

CMS 內容管理
草稿與發布
內容預覽
圖片與文件管理
中英文內容管理
操作文件

網站與企業流程整合

適合希望網站詢問能自動進入內部工作流程的企業。

詢價、聯絡及報名表單
CRM／Google Sheets
Email／LINE／Slack 通知
API 與 Webhook
自動化流程
輕量管理後台

會員、預約、檔案管理及託管結帳等功能，依實際需求評估。

付款功能的處理方式

如有付款需求，可協助串接 Stripe、綠界或藍新等客戶既有的託管結帳服務。付款資料及款項由支付服務商處理；不承作自建支付系統，不保存卡號，也不代管資金。

交付方式

不只完成頁面，也負責把網站正式交付。

我使用現代開發工具提升效率，但所有交付內容都會經過人工判斷、測試與驗證。

清楚的範圍

將模糊需求整理成頁面、功能、時程與驗收標準。

完整的整合

處理 CMS、表單、API、權限、部署及第三方服務。

可維護的交付

完成測試、帳號移交、操作文件與後續維護安排。

聯絡

有想法就聊聊。

告訴我你的目標、目前素材與預計時程，我會先確認需求是否適合，再提供下一步建議。

寄信給我在出任務（Tasker）上找我

可遠端合作・台灣及海外專案・急件需另行評估

從需求到上線，完成網站的每一個階段。