新作品: HairTry,一款 AI 发型设计工具
完整内容请移步阅读: https://mp.weixin.qq.com/s/n2KvQRy_30qMhP1b0zRKFA
前言
今年在尝试做 AI 出海产品,严格意义上这是我的第一款出海产品,之前我开源了很多作品,其中几个还可以,在 GitHub 收获了 5k+ Star ,小范围内有些影响力,但是之前的用户可能并不是下一个产品的目标用户,所以我就认为我是从 0 开始。
与之前不同的是这次我基本跑通了闭环:用户获取 -> 用户转化 -> 用户留存 -> 复购与增值 -> 口碑传播 ↵
MVP 版本
新产品:HairTry (免登录免费使用)
它是一款 AI 发型设计工具,可以帮助你在最终确定发型之前立即尝试不同的造型 ✂️。不必担心剪出一个可能会后悔的发型,上传照片,看看不同发型在你身上的实际效果。💇♀️💇♂️
✨ 主要功能:
- 20 秒生成专属 AI 发型:上传照片,即刻看到真实效果。
- 百款模板 & 自定义:100 种发型可选,支持修改提示词打造专属造型。
- 免费试用 & 积分奖励:登录即可解锁更多特权。
- 快速登录 & 多语言支持:支持 Google 登录,覆盖 11 种语言。
- 前后对比 & 历史记录:真实对比发型变化,随时回看尝试过的造型。
- 下载 & 分享:一键下载高清原图,轻松分享到社交平台。
实际效果非常写实,肉眼无法看出处理过痕迹,足够可以以假乱真。只针对发型进行修改,保留五官的特征。发型库内置了 100 种模板,包含男士短发,男士时尚,女士长发,女士短发,中性发型等,你也可以自定义风格,修改成自己想要的样子,另外还可以自定义发色,或许看完之后你就能决定自己是否是个这种发型。
免登录免费使用,登录后可以查看自己创作的作品,只会保存近 7 天的记录,7 天之后会自动删除,无需担心你的隐私被泄露。
虽说是 MVP 版本,但是我还是想把它做成我想象的样子,所以一共花了 4 天。
技术栈
HairTry 技术栈:
- 全栈开发框架:Next.js
- JavaScript 框架:React
- 编程语言:TypeScript
- CSS 框架:Tailwind CSS
- ICON: react-icons
- 数据库:MySQL
- 参数校验:zod
- 认证&鉴权:next-auth
- ORM 框架:prisma
- 支付:stripe
- 国际化:next-intl
- 日志:winston
- 运维:Docker + Shell
- 文件存储:cloudflare r2
- 域名解析:cloudflare
- 域名购买:namesilo
- AI 辅助编程:Claude Code
我开发好之后,并没有急着发 1.0 版本,而是找了朋友帮忙内测,收集一些产品优化建议,之后我着重优化了页面( C 端产品更需要注重美观、交互体验、产品学习成本)。考虑到一部分人使用手机,所以对 step 进行高亮和定位,引导用户按照步骤使用,提高转换率。