熬夜两周做了个特斯拉数字车衣编辑器,还没正式推广就有人付费了

0 阅读1分钟

上个月,我把自己最新制作的特斯拉数字车衣照片分享出来,问大家好不好看。让我惊讶的是,大家更关心的是:“你这是怎么做的?”这里面还有一些开特斯拉的朋友。

这里稍微解释一下:特斯拉数字车衣可以自定义车机和 App 中车辆模型的 3D 外观,改变的是屏幕里的车辆模型,实际车身不会发生变化。

同款数字车衣在特斯拉车机与 Tesla App 中的效果,左右等高展示

左:特斯拉车机中的效果;右:Tesla App 中的效果。

朋友的一个想法,让我记住了这个需求

一位特斯拉车主朋友还私聊了我,说他想把自家狗狗和猫猫的照片放到数字车衣上。这样每次上车或者打开 App,都能看到它们,想想就很可爱。

我当时给他介绍了使用 Tesla 官方模板和 Photoshop 的做法,但他不会 Photoshop,最后就放弃了。

这个月月初,我看到一个群里在讨论特斯拉数字车衣产品,觉得蛮有意思,就去网上搜了一下,也看到了一些类似的需求。

群里还提到了几款产品,我去看了一下。它们提供了不少现成的车衣,可以免费下载使用,这点蛮不错的。另外也支持 AI 生成:用文字描述想要的主题和风格,就能让 AI 帮忙生成车衣。

看到这里,我觉得功能已经挺丰富了,有现成的设计可以下载,也能按自己的想法生成。

后来晚上和那位朋友聊天时,我本来想把这几款产品推荐给他,但突然想起,他之前说的是想把自家猫狗的照片放上去。

于是我又留意了一下:能不能像 Photoshop 那样,直接上传自己的图片,再调整大小、方向,放到合适的位置?我当时看的那几款里,没有找到一个方便完成这件事的方式。

这让我觉得,“我想要一款狗狗主题的车衣”和“我想把自家狗狗的这张照片放到车门上”,其实是两个不同的需求。 对于后者,用户已经有了喜欢的素材,需要的是方便地编辑它,并看清楚做出来是什么效果。

花了两周,把第一版做了出来

我自己是特斯拉车主,也是开发出身,越想越觉得这个东西可以做。

于是说干就干,熬夜折腾了两周,终于把第一版肝出来了!产品叫 Tesla Wrap Studio,可以直接在浏览器里制作数字车衣。

第一版的核心功能主要分成两块。

1. 车衣图库:找一款喜欢的,直接下载

我整理了不少现成的数字车衣,也包含 Tesla 官方提供的设计,放在图库里供用户免费下载和使用。不想从头设计的话,也能从这里找到一些现成的选择。

Tesla Wrap Studio 中可浏览和下载的数字车衣图库

2. 自定义车衣:用自己的素材,也可以用 AI 生成

这部分是我最想做的。编辑器支持上传图片、添加文字,再按车身区域调整设计。

从朋友的需求来看,能上传照片还不够,还得方便他把照片放到想要的位置。所以我想让用户直接选择车门、引擎盖这样的区域,调整图片的大小、位置和方向,旁边同步显示 3D 效果。

下面这个例子,就是把狗狗照片放到右前门。调整照片时,右边能同时看到它放到车上的样子。

在右前门区域调整狗狗照片,并同步查看右侧的 3D 效果

预览也可以放大、转动车辆,看看图片在车身上的位置和整体效果。

放大查看狗狗照片在车门上的效果

如果没有现成的素材,也可以输入想要的主题和风格,用 AI 生成一款车衣。下面这款卡通狗狗主题的设计就是一个例子。

AI 生成的卡通狗狗主题车衣在编辑器中的布局

同一款设计,放到车辆模型上是这样的效果:

AI 生成的卡通狗狗主题车衣的整车 3D 预览

另外,我也加了 AI 完善功能。比如已经完成了一两个车身区域,可以让 AI 帮忙补全剩余区域;如果觉得各个区域的风格不太协调,也可以让 AI 帮忙统一风格、调整效果。

还没开始系统推广,就收到了一笔订单

至此,产品的第一版已经做出来了,我觉得可以开始冷启动,让朋友们帮忙试用了。

没想到,还没开始系统推广,有天早上就收到了一笔付费订单:一名日本用户通过 Google 找到了我的产品,然后付费了!

看到付款通知的时候,真的蛮开心的。这两周经常折腾到半夜,突然有人愿意为自己做的东西付费,这个鼓励很实在。

Tesla Wrap Studio 收到的付款通知,用户邮箱已遮挡

但有人愿意付费,和产品已经足够好用,还是两回事。

这个需求确实很细分,不过我自己也是它的用户。能把自己和朋友想做的事情做出来,对我来说就挺有意义了。

接下来,我想继续打磨上传照片、调整位置、预览和导出这几个步骤。朋友当初因为不会 Photoshop 而放弃了,我希望第一次接触数字车衣的人,也能顺利把自己的想法做出来。