跳到正文
汽车 AI

CarPixly:一个从停车场到展厅都能用的 AI 汽车摄影棚

CarPixly 把一张普通的汽车照片变成摄影棚级别的图片。背景可以换成展厅、维修车间或自定义场景,渲染结果会存入网页工作室和手机应用共享的车库。我们完成了产品设计,开发了网页应用及其营销网站,并以英语、德语和俄语交付。

CarPixly:一个从停车场到展厅都能用的 AI 汽车摄影棚

挑战

车商和私人卖家都是在车停在哪就在哪拍:停车场、街边、维修工位。照片比文字描述先一步卖车。去摄影棚拍一次要花一天,还得预约;用手机拍不花钱,效果也一眼就看得出来。CarPixly 要为不是摄影师的人缩小这个差距,所以产品在拍摄前和拍摄后都要帮上忙,而且在办公室的电脑上和车场里的手机上体验一致。

思路

我们把它当作一个产品、两个入口来做。网页工作室接收电脑上的照片,手机应用增加了带实时 AI 构图提示的相机。两者登录同一个账号,写入同一个车库,在车场拍的车,电脑上已经能看到。渲染按点数计费:任何人都可以免费注册、体验工作室,付费发生在价值出现的那一刻,也就是渲染的时候。

一个流程:选场景、拍摄、渲染

CarPixly 里的每次任务都走同样的三步,界面始终显示您在哪一步:

  • 选择场景。展厅、维修车间或自定义背景。每张卡片都用一辆车的七个角度预览场景,所以选择依据的是最终效果,而不是一张空房间的照片。
  • 拍摄或上传。手机上用相机;网页上拖放上传,支持 15 MB 以内的 JPEG、PNG 或 WebP。
  • 获取渲染图。照片进入处理队列,返回一张摄影棚效果的图片,并保存到对应的车辆下。

先选场景、再拍照,而不是反过来,是有意的决定。这样拍摄提示可以针对具体场景,用户也在花掉点数之前就确定了想要的效果。

前后对比:同一辆白色宝马,在停车场和在摄影棚展台上
首屏的前后对比滑块直接展示产品的效果,而不是描述它。

先展示结果,再给出承诺

carpixly.de 的首屏是一个带真实渲染图的前后对比滑块,而不是插画。访客拖动滑块,就能看到自己的问题,也就是一辆停在灰墙前的车,变成想要的照片。标题下方的三个标签点明了实现这一切的功能:实时拍摄助手、背景替换和车库同步。

一张通栏渲染图把页面引向功能卡片,每张卡片都是同一辆车在不同场景里。整页只用一辆车是刻意的:变化的只有场景,而这正是产品所改变的东西。

引导拍摄,而不只是事后修图

背景替换只能处理相机拍到的东西。所以手机应用会观察取景,并用简单的话回应:把镜头对准车辆,向右移一点,光线太暗请找亮一点的地方,构图完美现在拍摄。每条提示都很短,一次只出现一条,因为用户正伸着手臂在车旁举着手机,不会去读一段话。

相机权限在真正需要时才请求,并附上一行原因说明;对于已经拍好的照片,相册始终只需轻点一下。

每台设备,同一个车库

“我的车辆”是渲染图存放的地方,按车辆归类,而不是按日期。这才是真实的工作方式:车商按车来思考,而不是按拍摄批次;写车源信息时,这辆车的全部图片一点就到。

网页和手机应用共用一个账号,车库双向同步。办公室上传的照片和车场里拍的照片会出现在同一个地方,这也正是同时拥有两个应用的意义。

点数、计费,以及管理目录的后台

渲染用点数支付,通过托管的结账页面充值。计费页面很简洁:套餐、余额、一个操作。错误提示会说明发生了什么、接下来怎么做,例如“充值暂时不可用”,而绝不只显示一个错误代码。

在这背后,管理后台负责背景目录,并为自定义背景设定价格,带有推荐默认值和硬性上下限,调价无需发布新版本。

如果您在为这类产品做预算,我们的《SaaS MVP 开发费用是多少》一文拆解了钱都花在哪里。

由产品掌控的下载页

安卓版现在以 APK 形式从网站提供,iOS 版正在路上,所以下载页本身就成了产品设计的一部分。它能识别访客的平台,给出四个带编号的安装步骤,列出本次版本的更新内容,并明确说明应用只应从这个页面或官方应用商店安装。

第一天就支持三种语言

CarPixly 支持英语、德语和俄语,在每个页面的页头都能切换。德语不是事后补上的:核心市场在德国,“Studioqualität — in Ihren Händen”必须读起来像地道的德语文案,而不是英文句子的译文。界面文字、错误提示、安装步骤和常见问题全部本地化,按钮和标签也按更长的德语文字留足了宽度。

为被搜到而构建

公开页面使用人们真正搜索的词:AI 汽车摄影、汽车照片背景替换、汽车摄影棚。页面有认真撰写的元描述、以真实渲染图作为预览图的 Open Graph 标签和站点地图,robots.txt 则把应用和 API 路由排除在索引之外。

首页的常见问题回答了人们注册前会问的问题:是否免费、网页和手机是否共用账号、支持哪些格式、APK 是否官方。这些也正是他们会输入搜索框的问题。

解释一个 AI 产品最快的方法,是展示它把一张大家熟悉的照片变成了什么样。

这个项目在我们工作中的位置

CarPixly 结合了我们的产品设计、Web 与移动端开发和 AI 自动化能力,SEO 从一开始就内置在营销页面里。另一个需要用一张图讲清一切的产品,可以看看 Vexel AI。有类似的产品计划?跟我们聊聊。

交付内容

  • 网页工作室:七个角度预览的场景选择、拖放上传、处理队列、渲染
  • 手机拍摄,带实时 AI 构图提示,也可从相册选择
  • “我的车辆”车库按车辆归类,一个账号在网页和应用之间同步
  • 点数余额与托管结账页面,外加管理背景和价格的后台
  • 英语、德语和俄语的营销网站、常见问题和下载页

常见问题

它把汽车照片的背景替换成摄影棚场景(展厅、维修车间或自定义背景),并把渲染图保存到网页工作室和手机应用共享的车库中。

面向车商、私人卖家,以及所有在网上发布车源、需要统一的摄影棚效果照片又不想预约摄影棚的人。

网页用于处理已经在电脑上的照片;应用用于现场拍摄,并有实时 AI 指导。一个账号把两者连起来,所以两边的车库是同一个。

用点数。注册和体验工作室免费;每次渲染从余额中扣除点数,余额可通过结账页面充值。

英语、德语和俄语,覆盖营销网站、应用界面和下载页。

网站详解

CarPixly:桌面端页面 1.1
CarPixly:桌面端页面 1.2
客户评价

“车商必须在五秒内看懂,首屏的前后对比恰好做到了这一点。Sakura 把整条路径都想到了,从相机上的提示到车库里的成片,网页和手机上用起来就像同一个产品。”

LukasCarPixly
sakura