全端工程師 · 可遠端 · 台灣

網站做完上線,
只是及格。

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

看作品聊聊你的需求

一個人前台、後台、部署

可遠端全台接案

雙語中英網站

作品

四件作品,四種能力。

以下都是虛構品牌的概念示範站 —— 我做來證明能力,不是接過的客戶案。可以直接點開看,也可以問我任何一行是怎麼做的。

雙語企業官網證明:多頁資訊架構、雙語、SEO

銳鋒精密

中英雙語 B2B 製造商官網 · 18 頁

虛構的 CNC 精密加工廠。中英各 9 種頁型共 18 頁:加工服務分類、製程規格詳情、公司沿革、設備認證、最新消息、詢價聯絡。

內容與版面分離的自製建置系統 —— 新增一個製程只要填內容,中英頁面自動長出來
SEO 完整:canonical、hreflang 雙語對應、sitemap、社群分享預覽
全站無外部圖片依賴,技術製圖是純 SVG

開啟網站 →

全端整合證明:後端、資安、資料庫、管理介面

詢價進件管理

表單 → 驗證 → 資料庫 → 業務端名單

訪客填詢價表單後,資料真的進到一個業務打得開的名單 —— 不會塞在信箱裡漏掉。這是我最能代表「全端」的一件。

Turnstile 機器人驗證 → 伺服器端重驗所有欄位 → 速率限制 → 寫入資料庫
前端驗證只是給人看的方便,不是防線;能 POST 的東西都當作不可信
IP 只存加鹽雜湊不存原始位址;CSV 匯出防公式注入;管理頁通行碼常數時間比對
可依狀態篩選(未處理/報價中/已報價/已結案)、更新狀態、匯出 CSV

內部工具,以截圖展示;實際流程可於洽談時操作給你看。

表單與防濫用證明:表單流程的完整狀態處理

詢價表單

驗證、防機器人、錯誤與成功狀態

一張表單真正麻煩的不是版面,是所有「不順」的情況:欄位錯、機器人、送出失敗、網路斷掉。這些我都處理了。

欄位級錯誤提示,伺服器端的錯誤會對應回該欄位
載入中 / 成功 / 失敗 / 速率限制,每種狀態都有明確畫面
機器人驗證是真的在跑 —— 換成「一定失敗」的測試金鑰會確實被擋下

英文 Landing 證明:視覺、動效、英文市場

Cadence

英文 SaaS 形象頁 · 轉換導向

虛構的專注 app。展示轉換導向的單頁結構,以及跟上面完全不同的設計語言 —— 我不是只會套一種模板。

純 CSS / SVG 繪製,零外部圖片依賴,載入快
載入時 staggered 動效 + 捲動揭露
內容不依賴 JS 才顯示 —— JS 掛了頁面照樣完整

開啟網站 →

還有:客戶可自維護的 CMS

銳鋒那個站的內容是由後台驅動的。客戶自己就能改字、換圖、發佈,中英並排編輯避免發佈半翻譯的頁面,含草稿狀態與發佈預覽。只有「已發佈」的內容會上線,未完成的編輯不會外洩。後台需登入,可於洽談時實際展示。

服務

我能幫你做什麼

核心

企業形象網站(單頁 / 多頁 / 中英雙語)
響應式設計,手機・平板・電腦
舊網站改版、產品型錄與服務介紹
CMS 內容管理(客戶自行維護)
聯絡 / 詢價 / 報名表單
SEO 基礎設定、效能改善
Cloudflare、Vercel 等部署上線

整合

CRM 串接、Email 自動通知
Google Sheets 資料同步
LINE / Slack 通知
第三方 API、Webhook、排程任務
檔案上傳、預約與活動報名
輕量管理後台、託管式會員登入

關於金流

如有付款需求,可協助串接 Stripe、綠界、藍新等你既有的託管結帳服務。我負責整合,但不經手、不儲存卡號與資金 —— 讓你的合規與資安風險最小化。不承作自建支付系統。

為什麼找我

AI 可以很快產出一個頁面。我負責讓它真的能上線、能維護、能接進你的流程。

我用現代開發工具提升效率,但不把未驗證的產出直接交給客戶。

把模糊需求整理成可交付範圍

AI 會產頁面,但不會替你釐清商業目標、受眾、哪些功能其實不需要、驗收怎麼算、上線後誰維護。

對完整結果負責

交付的不只是程式碼:需求確認、規劃、實作、測試、部署、驗收、文件。AI 不能當你的窗口。

處理真實的系統整合

DNS、CMS 權限、Email 寄送、API 金鑰、CRM 欄位、舊資料、第三方限制、部署環境。價值在把這些可靠地接起來。

控制安全與資料邊界

哪些資料不該收、哪些功能該交給託管服務、金鑰放哪、表單怎麼防濫用、哪些需求風險過高不該接。

測使用者真的會遇到的狀況

手機、慢速網路、錯誤輸入、API 失敗、無資料狀態、重複提交、第三方中斷。

做出可維護的交付

你要能自行更新內容、不被單一工程師綁住、帳號所有權清楚、有操作文件、知道故障時怎麼辦。

聯絡

有想法就聊聊。

不用先想清楚所有細節 —— 把你的目標和現有素材告訴我,我先給你一版建議方向。

寄信給我在出任務(Tasker)上找我

可遠端 · 接受長期合作 · 接受急件

網站做完上線,只是及格。