案例
鮮款款 FreshToGo
App Store、Google Play 已上架
讓人走進每天路過、
鮮款款
- 我們打造
- iOS 與 Android App、後端、管理後台、品牌官網
- App 內容
- 消費者端與店家端，41 個畫面，同一套程式碼
- 版本
- 1.5 版，持續更新中
- 首
發 區域 - 新北板橋，捷運新埔站周邊
一份鮮款包，怎麼運作
畫面
-
發現附近好店
瀏覽
身邊 的 麵包店、 餐廳 和 小吃店， 看看 今天 有 哪些 店家 推出 鮮款包。 -
狩獵模式
一輪
最多 10 個 鮮款包， 一張 一張 看： 向上滑 預約、 向左滑 跳過、 向右滑 先 收 著。 -
店家決定誰能買
每一
款 鮮款包 都能 設定 所有人 都能 買、 只開放給 第一次 來的 人、 同一 款 每人 限 買 一次， 或 只 給 熟客。 上架 前 還能 預 覽 大約有 多少 人 看得到。 新 客人 有 理由 走進來， 熟客 也不會 覺得 被 比下去。 -
到店取餐付款
預約
後會 拿到 一組 QR 取餐碼。 在 取餐 時段 到 店 出示， 店 家用 App 的 店家端 掃描 核銷， 在 店 內 付款。 沒有 外送， 重點 就是 走進 那間 店。 -
敲碗你想吃的店
推薦
你想 在 鮮款款 看到 的 店家， 一起 敲碗， 也能 丟 連結 揪 朋友 來 敲。 進度 從 待聯繫、 洽談中 到 已上架， 一路 都 看得到。
畫面
一個產品，四個部分，同一個團隊
鮮款款
Kotlin Multiplatform · Compose Multiplatform
消費者與店家 App
同
App 實際
Ktor · Google Cloud Run · OpenAPI
後端服務
撐起
React · TypeScript · Vite
管理後台
日常
後台
React · TypeScript · Vite
品牌官網
用
上線之後，還要跑得久
上線
- 1,241 個
自動化 測試 涵 蓋 App 共用 程式碼， 另有 合約測試， 讓 資料 模型 始終 對齊 API 規格 - 34 條
端 對 端 測試 流程， 實際 操作 Android 與 iOS 上 的 App， 消費者端、 店家端都測 - 117 條 API 路徑
寫在 OpenAPI 規格裡： 官網 與 後台 由 它 產生 型別，App 用 合約測試 對齊， 一有落差 CI 就 擋下 - 2 條
上架 流程：Google Play 由 CI 自動 發布，iOS 透過 fastlane 送上 TestFlight
數字
Kotlin Multiplatform 和 Ktor 是