Перейти к содержанию
ИИ для автобизнеса

CarPixly — ИИ-фотостудия для автомобилей: от парковки до шоурума

CarPixly превращает обычное фото машины в студийный снимок. Фон заменяется на шоурум, мастерскую или свою сцену, а готовый рендер попадает в гараж, общий для веб-студии и мобильного приложения. Мы спроектировали продукт, сделали веб-приложение и маркетинговый сайт и запустили всё на английском, немецком и русском.

CarPixly — ИИ-фотостудия для автомобилей: от парковки до шоурума

Задача

Дилеры и частные продавцы снимают машину там, где она стоит: на парковке, на улице, в боксе сервиса. Фото продаёт машину раньше, чем описание. Студийная съёмка — это день и запись заранее, фото на телефон ничего не стоит и так и выглядит. CarPixly должен был закрыть этот разрыв для людей, которые не фотографы. Значит, продукт должен помогать до съёмки не меньше, чем после, и одинаково работать на ноутбуке в офисе и на телефоне на площадке.

Подход

Мы строили один продукт с двумя входами. Веб-студия принимает загрузки с компьютера, мобильное приложение добавляет камеру с живыми ИИ-подсказками по кадру. Оба входят в один аккаунт и пишут в один гараж, так что машина, снятая на площадке, уже ждёт на десктопе. Рендеры работают на кредитах: зарегистрироваться и посмотреть студию можно бесплатно, а платить приходится в момент, когда появляется результат, — за рендер.

Один сценарий: студия, съёмка, рендер

Любая задача в CarPixly проходит три одинаковых шага, и интерфейс всегда показывает, на каком вы сейчас:

  • Выбрать студию. Шоурум, мастерская или свой фон. Каждая карточка показывает сцену на семи ракурсах машины, поэтому выбор делается по тому, как будет выглядеть результат, а не по картинке пустой комнаты.
  • Снять или загрузить. На телефоне — камера, в вебе — перетаскивание файла: JPEG, PNG или WebP до 15 МБ.
  • Получить рендер. Фото уходит в очередь обработки и возвращается студийным снимком, сохранённым к нужной машине.

Выбирать сцену до съёмки, а не после, — осознанное решение. Так подсказки при съёмке могут учитывать сцену, а пользователь выбирает результат до того, как потратит кредит.

До и после: та же белая BMW на парковке и на студийном подиуме
Слайдер «до/после» на первом экране показывает, что делает продукт, вместо того чтобы это описывать.

Сначала результат, потом обещание

Первый экран carpixly.de — слайдер «до/после» с настоящим рендером, а не иллюстрация. Посетитель тянет ручку и видит, как его собственная проблема — машина на фоне серой стены — превращается в нужный снимок. Три плашки под заголовком называют то, что это обеспечивает: ИИ-советник при съёмке, замена фона и синхронизация гаража.

Дальше рендер во всю ширину ведёт к карточкам функций, и на каждой — та же машина в другой сцене. Одна машина на всю страницу — намеренно: меняется только сцена, то есть ровно то, что меняет продукт.

Помогать со съёмкой, а не только исправлять

Замена фона работает только с тем, что попало в кадр. Поэтому мобильное приложение следит за кадром и отвечает простыми словами: наведите камеру на машину, сдвиньтесь вправо, мало света — найдите место светлее, идеальный кадр — снимайте. Каждая подсказка короткая и по одной за раз: человек держит телефон на вытянутой руке рядом с машиной и абзац читать не будет.

Доступ к камере запрашивается в тот момент, когда он нужен, с объяснением в одну строку, а галерея для уже сделанных фото всегда в одном касании.

Два iPhone с мобильной версией CarPixly на тёмном камне
На телефоне страница сохраняет порядок десктопа: обещание, действие, доказательство.

Один гараж на всех устройствах

«Мои авто» — место, где живут рендеры, сгруппированные по машинам, а не по датам. Так на самом деле устроена работа: дилер думает машинами, а не фотосессиями, и когда пишется объявление, весь набор снимков машины — в одном касании.

Веб и приложение используют один аккаунт, поэтому гараж синхронизируется в обе стороны. Загрузка из офиса и съёмка на площадке попадают в одно место — ради этого и нужны оба приложения.

Кредиты, оплата и админка для каталога

Рендеры оплачиваются кредитами, баланс пополняется через checkout платёжного сервиса. Экран оплаты короткий: пакеты, баланс, одно действие. Ошибки говорят, что случилось и что делать дальше, например «Пополнение временно недоступно», а не голый код.

За этим стоит админка: она управляет каталогом фонов и задаёт цену своих фонов с рекомендуемым значением и жёсткими границами, так что цены меняются без релиза.

Если вы считаете бюджет похожего продукта, в разборе сколько стоит SaaS MVP видно, куда уходят деньги.

Веб-студия CarPixly на MacBook на синем диване
В веб-студии загружают фото из офиса, а гараж там тот же, куда пишет телефон.

Страница загрузки, которую контролирует продукт

Android-версия уже раздаётся APK-файлом с сайта, iOS-сборка на подходе. Поэтому страница загрузки стала отдельной частью продукта. Она определяет платформу посетителя, даёт четыре пронумерованных шага установки, показывает, что нового в релизе, и прямо говорит: ставить приложение только с этой страницы или из официального магазина.

CarPixly на iPad в сцене из стекла и неба
На ширине планшета веб-студия сохраняет первый экран в две колонки.

Три языка с первого дня

CarPixly говорит по-английски, по-немецки и по-русски, язык переключается в шапке на любой странице. Немецкий не был доработкой в конце: основной рынок — Германия, и «Studioqualität — in Ihren Händen» должна была читаться как родной текст, а не перевод английской строки. Переведены интерфейс, ошибки, шаги установки и FAQ, а кнопки и плашки рассчитаны на более длинные немецкие подписи.

Сделано, чтобы находили

Публичные страницы говорят словами, которыми ищут: ИИ-фотография автомобилей, замена фона на фото машины, автомобильная фотостудия. У них прописаны meta description, теги Open Graph с настоящим рендером в превью и карта сайта, а robots.txt закрывает от индекса приложение и API.

FAQ на главной отвечает на вопросы, которые задают до регистрации: бесплатно ли это, общий ли аккаунт у веба и приложения, какие форматы подходят, официальный ли APK. Эти же вопросы люди вводят в поиск.

Быстрее всего объяснить ИИ-продукт — показать, что он сделал со снимком, который человек узнаёт.

Где это в нашей работе

В CarPixly сошлись наши продуктовый дизайн, веб- и мобильная разработка и ИИ-автоматизация, а SEO было заложено в маркетинговые страницы с самого начала. Другой продукт, где объяснять пришлось одним визуалом, — Vexel AI. Есть похожая идея? Расскажите о ней.

Что сделали

  • Веб-студия: выбор сцены с превью на семи ракурсах, загрузка перетаскиванием, очередь обработки, рендер
  • Мобильная съёмка с живыми ИИ-подсказками по кадру и запасным путём через галерею
  • Гараж «Мои авто» с группировкой по машинам и синхронизацией между вебом и приложением
  • Баланс кредитов с оплатой через checkout и админка для фонов и цен
  • Маркетинговый сайт, FAQ и страница загрузки на английском, немецком и русском

Частые вопросы

Заменяет фон на фото машины студийной сценой — шоурумом, мастерской или своим фоном — и сохраняет рендер в гараж, общий для веб-студии и мобильного приложения.

Для автодилеров, частных продавцов и всех, кто публикует машины онлайн и хочет единообразные снимки студийного вида без аренды студии.

Веб — для фото, которые уже на компьютере, приложение — для съёмки на месте с живыми ИИ-подсказками. Их связывает один аккаунт, поэтому гараж на обоих один и тот же.

Кредитами. Регистрация и знакомство со студией бесплатны, каждый рендер списывает кредиты с баланса, который пополняется через оплату.

Английский, немецкий и русский — на маркетинговом сайте, в интерфейсе приложения и на странице загрузки.

Как устроен сайт

CarPixly — экран сайта 1.1
CarPixly — экран сайта 1.2
CarPixly — экран сайта 2.1
CarPixly — экран сайта 2.2
CarPixly — экран мобильной версии 3.1
CarPixly — экран мобильной версии 3.2
CarPixly — экран мобильной версии 3.3
Отзыв клиента

«Дилер должен понять всё за пять секунд, и «до/после» на первом экране делает именно это. Sakura продумали весь путь — от подсказки на камере до готового фото в гараже, — и в вебе и на телефоне это ощущается как один продукт.»

LukasCarPixly

Хотите похожий проект?

sakura