媒合・商城・課程・社群,一站整合
Web + App

這是一個為單一專業產業打造的整合型平台。業主希望讓這個圈子裡的從業人員與機構,在同一個地方就能找人才、買東西、上課進修、跟同業交流,而不是分散在好幾個網站和群組裡。
我們把它拆成五大模組——身份驗證、人才媒合、多賣家商城、課程學習、社群互動——但底層共用同一套會員、金流、即時通訊與管理後台。使用者只要一個帳號,網頁和手機 App 都能用。
前端網頁以 Astro + Vue 3 建構,行動 App 以 Flutter 開發(iOS + Android),後端採用 Laravel 提供 API,管理後台以 Filament 打造,平台上線後持續分階段擴充。
不同身份的使用者,從網頁或 App 用同一個帳號登入,先通過身份驗證,再進到四大模組;模組之間互相導流,底下共用同一套帳號、金流、即時通訊與管理後台。
一般會員、專業人員、機構等多種身份,各自走不同的驗證流程;驗證通過前,部分功能會被鎖住,確保平台上的互動對象是真的同業
跟 104 人力銀行一樣,求職端建立履歷、搜尋與應徵職缺;機構端開設公司頁、刊登職缺、篩選人才、邀約面談。兩端看到的是同一個平台的不同介面
跟蝦皮一樣,會員可以自己開店上架、管理訂單;買家在站內直接問賣家、下單後給評價。平台統一處理金流、宅配與超商取貨、電子發票與退換貨
不套用現成的線上課程平台,而是依業主實際的開課方式從零客製:講師端管理課程內容,學員端報名繳費、到場掃碼簽到、課後測驗與評價
跟 Dcard 一樣分看板討論,可以發文、留言、按讚、收藏與檢舉,也能自組群組經營;再加上 WebSocket 即時聊天,讓買賣、求職、交流都能在站內直接對話
Flutter 雙平台 App 與網頁共用同一套 API;管理後台集中處理身份、內容與交易的各類審核
網頁(Astro SSR + Vue 3)與 Flutter App 共用同一組 Laravel API。網頁版以伺服器端渲染兼顧 SEO 與首屏速度,只有需要互動的區塊才載入 JavaScript;App 則專注在通知、掃碼、拍照上傳這些手機才做得好的事。
平台上同時有個人、專業人員與機構等不同身份,每種身份能看到、能操作的功能都不一樣。驗證採多階段審核,尚未通過的帳號會被限制在特定範圍內,避免平台被非目標使用者灌水。
商城採類似蝦皮的多賣家模式:每位賣家有自己的商店與訂單後台,平台在中間代收款項、串接物流,買賣雙方的對話與評價都留在站內。商城與課程訂單各自以狀態機管理付款、出貨、退換貨等流程,每一步只能往合法的下一步走。串接綠界 ECPay 金流、超商物流與電子發票,付款結果一律以後端驗證後的回傳為準。
以 WebSocket 建置即時聊天,並用 Redis 快取加速讀取。同一套聊天室機制套用在商品詢問、求職溝通與社群私訊等多個場景,不用每個模組各做一次。
使用者上傳的圖片先經雲端影像辨識自動過濾不當內容,再進入後台人工審核。身份、履歷、退換貨、檢舉等各類審核集中在同一個後台處理,並完整保留操作紀錄。
以 Filament 打造管理後台,涵蓋商城、媒合、課程、內容與社群管理,並以角色權限(RBAC)區分不同管理員能看到的範圍,讓營運團隊分工處理。
同一個產業的人,需求通常是連在一起的:找工作、進修、採購、跟同業交流。拆成四套系統,帳號、金流、通知都要各串一次,使用者也得來回切換。整合成一個平台後,共用同一套會員、金流、即時通訊與後台,開發與維運成本反而更低,各模組之間也能互相導流。
包含 Web + iOS/Android 雙平台、金流與即時通訊整合的系統,初版上線通常需要 4–6 個月;上線後再依使用狀況分階段擴充模組。我們建議先把最核心的一兩個模組做紮實,再往外長。
金流串接綠界 ECPay,付款結果一律經後端驗證回傳後才更新訂單狀態,前端無法自行竄改。身份採多階段審核,未通過前限制特定功能;使用者上傳的圖片會先經雲端影像辨識過濾不當內容,再進入後台人工審核,所有審核動作都留有操作紀錄。