+← 返回个站
Coffee-DexCoffee-Dex
01/10
AN AI-ASSISTED PRODUCT CASE

把一杯咖啡,变成一段可回看的职场记忆。

一个 AI 产品经理,从生活洞察到双端产品落地的完整实践。

AI 识别手机 × Web游戏化图鉴云端同步
coffee-dex.app
Coffee-Dex 产品界面截图
当前续命值680mg
SUN MON TUE WED THU FRI SAT
38☕16☕2430
WEB 首页截图 · 可替换
Coffee-Dex
02/11
PROJECT CONTEXT · OWNERSHIP

Coffee-Dex项目概览

项目职责

洞察与产品定位手机 / Web 双端闭环 AI 识别、重试与人工接管异步体验与状态反馈 数据隔离与产品化约束部署、离线演示与交付

项目状态

已经完成

可运行原型、手机录入、Web 日历回看、AI 降级路径与离线作品演示。

协作方式

AI 参与研发与实现;个人负责产品定义、范围取舍、体验编排和验收标准。

待验证

规模化用户反馈、留存表现与商业价值。

产品定义 · 双端闭环 · AI 降级 · 异步体验 · 数据隔离 · 部署交付
01 · 起点02/10
THE SMALL INSIGHT

从一次记录,
走向持续回看。

普通记录

拍照 → 填表 → 保存

动作完成,但缺少即时反馈与持续回看的动机。

加入情绪价值→
Coffee-Dex

记录 → 反馈 → 收集 → 回看

每一杯都变成毒鸡汤卡片、图鉴进度和日历里的贴纸。

即时反馈收集感可回看
即时反馈形成收集感,日历回看推动持续记录。
02 · 产品定义03/10
POSITIONING

打工人的
咖啡生活图鉴。

01

谁会用

每天喝咖啡、奶茶或替代饮,喜欢打卡、收集和轻娱乐反馈的办公人群。

02

何时用

买完咖啡后手机快速录入;午休、通勤或下班后,在 Web 回看本周与本月。

03

为什么用

把重复喝咖啡变成可以积累的记录,让数据同时带一点情绪和故事。

个人贡献产品定义+交互与 AI 策略+AI 辅助开发与上线
03 · 核心闭环04/10
ONE CUP · TWO SCREENS

手机负责发生,
Web 负责记住。

3 分钟扫码授权,手机免重复登录
01拍一杯手机拍照 / 相册
02AI 看一眼识别饮品 / 可人工确认
03补充标签品类 · 温度 · 糖度 · 容量
04立即得反馈咖啡因 · 毒鸡汤卡
05后台做贴纸去背景 · 描边 · 回填
06Web 再回看日历 · 图鉴 · 详情
Mobile扫码接入,低摩擦采集
QR
AUTH
Web1.5s 近实时刷新
04 · 手机端05/10
MOBILE STORYBOARD

从“进入手机”到“日历留痕”,
四步完成闭环。

Coffee-Dex 产品界面截图
01进入采集页拍照 / 相册 / 进入图鉴

打开即进入采集场景
扫码接入后,直接拍照或选图。

Coffee-Dex 产品界面截图
02上传并识别照片预览 / AI 检测 / 类型匹配

上传后先识别,再补信息
AI 建议与人工确认并行。

Coffee-Dex 产品界面截图
03生成结果卡咖啡因 / 标签 / 毒鸡汤

保存成功,立即获得反馈
结果卡可换一句并进入首页。

Coffee-Dex 产品界面截图
04日历沉淀贴纸 / 日期 / 多杯角标

每一杯最终落到日历
按日期回看整月饮用记录。

05 · AI 边界06/10
AI WITH AN EXIT

AI 识别支持
重试、接管与降级。

INPUT一张用户主动上传的照片前端压缩 · 仅判断是否为饮品
视觉模型
Drink?
识别明确

展示饮品类型与置信度,继续填写。

正常路径
识别不确定

重新识别,或人工确认是饮品。

用户接管
服务异常

最多 2 次尝试后,仍可继续录入。

容错路径
真实边界外部 AI 只做饮品识别最多 2 次服务端尝试超时 · 限流 · 网络 · 格式错误分型3,127 条静态文案池
06 · 体验编排07/10
PERCEIVED SPEED

即时反馈与异步处理,
共同保证体验。

用户看到的
点击录入记录已保存毒鸡汤卡出现日历贴纸更新
浏览器后台
保存原图Worker 去背景裁切+白描边按记录 ID 回填
失败不回滚记录

抠图失败不影响已经保存的咖啡。

可终止的 Worker

耗时推理不阻塞页面主线程。

空闲时补全

支持 Worker 的浏览器空闲时补齐贴纸。

版本化升级

旧贴纸可按算法版本逐步更新。

07 · Web 复盘08/10
THE SECOND HALF

记录发生在手机,
故事长在日历里。

COFFEE-DEX / DASHBOARD
Coffee-Dex 产品界面截图
当前续命值680mg
本周4杯
本月12杯
AUGUST · 咖啡日历
12☕45🥤78☕101112☕14
WEB 首页真实截图 · DROP HERE
01扫码即接入

3 分钟短时授权,手机免重复登录。

02日历是记忆入口

同日最多展示最近三枚贴纸,并保留总杯数角标。

03从概览继续下钻

日期 → 当天记录 → 单杯详情。

08 · 从 Demo 到产品09/10
BEYOND THE HAPPY PATH

从可运行原型,走向数据安全、异常可控与稳定交付。

体验层Mobile CaptureWeb ReviewPWA + Sticker Worker
服务层Next.js APIQR AuthAI RecognitionRecord Sync
数据层Supabase AuthPostgreSQLStorage + RLS
AUTH

邮箱登录、验证码与 3 分钟扫码授权。

SYNC

手机录入,PC 端 1.5 秒近实时刷新。

ISOLATION

记录绑定 user_id,服务端校验 token。

DELIVERY

8 类、76 子类、3,127 条文案与双端链路。

Coffee-DexCoffee-Dex
10/10
WHAT THIS PROJECT PROVES

用真实决策,
呈现产品能力。

从一个生活想法,到一条可以被使用、被同步、被回看的完整产品链路。

AI Product Manager × AI-assisted Building
01
产品定义

定位、场景、用户价值与范围边界。

02
AI 产品设计

识别、自动重试、人工接管与降级。

03
体验编排

双端分工、即时反馈和异步处理。

04
落地与交付

扫码授权、故障分型、部署与交接文档。

NEXT / 下一阶段验证指标(尚未形成规模化数据)录入完成率人工纠正率贴纸成功率周/月复访分享意愿