Who buys this
网上卖、因色号不确定丢掉销量、然后又为退货买单的独立美妆品牌。
Where to start in Lovable
Paste this into Lovable as the opening prompt. It sets up one screen and one job, which is easier to grow from.
为 一个美妆店做一个色号匹配和试妆页面。访客上传一张自拍或用摄像头,应用检测嘴唇、脸颊和眼睛,把选中的产品色号以可调强度渲染到照片上。预览旁边显示目录里最接近的三个色号,配一句朴素的话解释这个匹配。一切都在浏览器里跑,除非访客保存一个妆容,否则没有照片上传到服务器。加一张分享卡和每个色号一个直接加入购物车的链接。
What you will need to wire up
- Face landmarks в браузере
- Lovable Cloud (Postgres)
- Storage только для сохранённых образов
- Stripe
Build order
- 在设备上做渲染. 特征点检测和混合在浏览器里的一块 canvas 上跑。那让预览即时、让你的服务器成本接近零,也让那个隐私承诺是真的、而不是一句政策文字。
- 按肤色匹配,不是按一个取色器. 从好几块采样肤色,为照片里的光做校正,然后在一个感知色彩空间里对着目录色号比较。拿原始像素值来匹配,给出的是自信、却在室内肉眼可见错误的答案。
- 显示诚实的限制. 对偏黄的室内光、重滤镜和低分辨率发出警告,并说清屏幕是一个近似。一个把预览吹过头的品牌,会连着一条愤怒的留言把退货收回来。
- 衡量唯一要紧的那个数. 按产品,追踪用了试妆的会话对没用的会话的加购率。那张表就是你对下一个品牌的全部推销词。
Where this usually breaks
- 摄像头的颜色在各手机之间差别巨大。用画面里的一个白参考、或按检测到的色温做一个固定校正来归一化,绝不声称颜色精确。
- 人脸数据在好几个司法管辖区都敏感。在内存里处理,不存特征点,并要求一个明确的动作,任何图像才离开设备。
- 老手机在实时视频上会掉帧,效果看着像坏了。检测出低帧率,自动切到单张照片模式。
How it makes money
- 按店铺订阅. 按目录规模分档,因为一个有四百个色号的品牌,对色号匹配的需要远大于一个只有十二个的。
- 付费的目录搭建. 从产品照片里弄出真实的色号值是一件值得收费的手工活,也是一个竞争对手没法一个周末就抄走的部分。
Build this on Lovable
The prompt above is ready to paste. Open Lovable, drop it in and get a first working version in minutes. Free plan, no card, 5 credits a day.
试用 Lovable+10 个免费额度Affiliate link. The commission is ours, the price for you is the same.