新产品:HairTry,一款 AI 发型设计工具

前言

大家好,我是 jonssonyan。

今年在尝试做 AI 出海产品,严格意义上这是我的第一款出海产品,之前我开源了很多作品,其中几个还可以,在 GitHub 收获了 5k+ Star,小范围内有些影响力,但是之前的用户可能并不是下一个产品的目标用户,所以我就认为我是从 0 开始。

与之前不同的是这次我基本跑通了商业闭环:用户获取 -> 用户转化 -> 用户留存 -> 复购与增值 -> 口碑传播 ↵

做出海的都知道,国际支付很难搞定,国外和国内的支付习惯不同,国内几乎都是微信/支付宝/借记卡,而国外多数使用信用卡/GooglePay/ApplePay/数字银行等。这时 Stripe 是最好的选择(全球排名前 10 的独家兽),但是并未对中国大陆开放并且封控很严格,经过一番摸索,终于我基本接入成功了(还有剩余要优化的部分)。

MVP 版本

新产品:HairTry(免费试用)

https://hairtry.app

它是一款 AI 发型设计工具,可以帮助你在最终确定发型之前立即尝试不同的造型 ✂️。不必担心剪出一个可能会后悔的发型,上传照片,看看不同发型在你身上的实际效果。💇‍♀️💇‍♂️

✨ 主要功能:

  1. 20 秒生成专属 AI 发型:上传照片,即刻看到真实效果。
  2. 百款模板 & 自定义:100 种发型可选,支持修改提示词打造专属造型。
  3. 免费试用 & 积分奖励:登录即可解锁更多特权。
  4. 快速登录 & 多语言支持:支持 Google 登录,覆盖 11 种语言。
  5. 前后对比 & 历史记录:真实对比发型变化,随时回看尝试过的造型。
  6. 下载 & 分享:一键下载高清原图,轻松分享到社交平台。

实际效果非常写实,肉眼无法看出处理过痕迹,足够可以以假乱真。只针对发型进行修改,保留五官的特征。发型库内置了 100 种模板,包含男士短发,男士时尚,女士长发,女士短发,中性发型等,你也可以自定义风格,修改成自己想要的样子,另外还可以自定义发色,或许看完之后你就能决定自己是否是个这种发型。

免登录即可免费试用,而且可以查看自己创作的作品,只会保存近 7 天的记录,7 天之后会自动删除,无需担心你的隐私被泄露。

虽说是 MVP 版本,但是我还是想把它做成我想象的样子,所以一共花了 4 天。

技术栈

一如即往,我更喜欢 Next.js,我周围的人也都用过这个框架,因为它太好用了,全栈开发必备,既能写前端,也能写后端。如果真的产品体量比较大,需要后端,我更推荐 Golang,性能和优雅的中间值。

技术栈:

  1. 全栈开发框架:Next.js
  2. JavaScript 框架:React
  3. 编程语言:TypeScript
  4. CSS 框架:Tailwind CSS
  5. ICON: react-icons
  6. 数据库:MySQL
  7. 参数校验:zod
  8. 认证&鉴权:next-auth
  9. ORM 框架:prisma
  10. 支付:stripe
  11. 国际化:next-intl
  12. 日志:winston
  13. 运维:Docker + Shell
  14. 文件存储:cloudflare r2
  15. 域名解析:cloudflare
  16. 域名购买:namesilo
  17. AI 辅助编程:Claude Code

我开发好之后,并没有急着发 1.0 版本,而是找了朋友帮忙内测,收集一些产品优化建议,之后我着重优化了页面 (C 端产品更需要注重美观、交互体验、产品学习成本)。 考虑到一部分人使用手机,所以对 step 进行高亮和定位,引导用户按照步骤使用,提高转换率。

推广

我首先接入了 Google Search,Google 给了自然流量,被全世界的人浏览和使用过,主要是欧洲、美国、加拿大、印度等

之后我在一些社交平台论坛发布,包括:

  1. X/Twitter
  2. YouTube
  3. TikTok
  4. ProductHut
  5. Telegram
  6. V2EX
  7. Linux Do
  8. 即刻

除了以上这些做开源和 build in public 也是积累流量很好的方式。

总结

具体的网站数据观察一段时间再做分享