AutoIntel — Весь рынок подержанных машин Германии на одном экране вместо пяти вкладок площадок
AutoIntel — B2B-платформа для компании, которая торгует подержанными автомобилями в Германии. Она собирает объявления с нескольких немецких автоплощадок в одно рабочее пространство, приводит их к одному виду и позволяет команде фильтровать, сортировать и отбирать предложения, которые стоят звонка. Мы спроектировали продукт и собрали интерактивный прототип, на котором клиент договаривается внутри команды и определяет объём разработки.
Задача
Закупка машин на перепродажу в Германии — это наблюдение за несколькими площадками одновременно. Каждая показывает одну и ту же машину по-своему: мощность на одном сайте в кВт, на другом в л. с., состояние — строкой в свободном тексте, продавец — где-то под фотографиями. У закупщика открыт десяток вкладок, сравнить два предложения рядом невозможно, а выгодная машина уходит, пока её замечают. Клиенту не нужна была ещё одна площадка. Нужно было одно место, где каждое объявление читается одинаково, а решение принимается за секунды.
Подход
Мы проектировали AutoIntel как рабочий инструмент, а не витрину. Сверху — обзор рынка из четырёх цифр, под ним — один нормализованный список, и каждая карточка объявления отвечает на одни и те же вопросы в одном порядке: что за машина, сколько стоит, в каком состоянии и откуда. Фильтры, сортировка и избранное — в одном клике, а не на отдельной странице поиска.
Рабочее пространство, а не витрина
AutoIntel открывается обзором рынка, а не формой поиска. Четыре карточки подытоживают текущую выборку ещё до прокрутки: сколько объявлений, средняя цена, соотношение бензина и дизеля и сколько машин команда сохранила. Для закупщика это вопрос, с которого начинается каждый заход: что изменилось на рынке с прошлого раза?
В сайдбаре — четыре места, между которыми закупщик действительно переключается:
- Обзор рынка с цифрами и полным списком.
- Поиск машин для сфокусированного отбора.
- Избранное — шорт-лист.
- Недавно просмотренные, чтобы не искать заново то, что видели вчера.
Один вид для любого объявления
Сердце платформы — нормализация. Объявление с площадки и объявление частного продавца приходят в разных форматах, а AutoIntel приводит их к одной карточке. Сначала марка и модель, затем фиксированная строка фактов, всегда в одном порядке:
- первая регистрация — месяц и год;
- пробег в километрах;
- коробка и топливо;
- мощность сразу в кВт и л. с.: немецкие объявления пишут кВт, а многие покупатели по-прежнему считают в лошадиных силах.
Оснащение — полный привод, кожаный салон, навигация — превращается в короткие теги. Город и источник (площадка вроде mobile.de или частный продавец) стоят в нижней строке, а цена — справа, куда взгляд и так приходит в конце.
Состояние как главное поле
При перепродаже дороже всего обходится деталь, которую объявление упоминает мимоходом. Поэтому состояние не спрятано в описании: это бейдж на фото и поле в карточке. Мы сохранили разницу между «Сообщалось об аварии», «Сообщалось о повреждениях» и «Не указано», потому что это три разных риска. Если свести их в один флаг «битая», пропадёт ровно то, что закупщику нужно знать. Свежие объявления получают свой бейдж, чтобы новые предложения были заметны.
Фильтры, которые совпадают с тем, как думает закупщик
Закупщики работают с ограничениями, а не с формами. Три самых частых вынесены быстрыми фильтрами над списком: до 10 000 €, до 100 000 км, дизель. Каждый включается одним кликом, а ссылка «Сбросить фильтры» появляется, только когда что-то активно.
Для более точного отбора панель фильтров добавляет марку, максимальную цену, максимальный пробег и топливо, а сортировка покрывает порядки, которые важны в торговле: цена по возрастанию, по убыванию и минимальный пробег. Поле поиска в шапке находит модель напрямую.
Если комбинация ничего не находит, пустое состояние прямо об этом говорит и предлагает один путь назад — показать всё.
Шорт-лист для всей команды
Сердечко на каждой карточке сохраняет машину в избранное, и счётчик сохранённых машин в обзоре обновляется сразу. Шорт-лист — это то, что команда обсуждает перед звонком продавцу, поэтому в нём хранится полная карточка, а не голая ссылка. Раздел «Недавно просмотренные» делает то же для всего, что открывали в панели подробностей.
С телефона на площадке
Закупщики смотрят объявления на ходу, часто стоя рядом с другой машиной. На телефоне сайдбар превращается в ряд из четырёх вкладок-иконок, цифры обзора складываются в сетку два на два, а каждая карточка сохраняет полный порядок фактов. Панель подробностей открывается на весь экран, кнопка избранного — под большим пальцем.
Почему сначала прототип
Ценность платформы зависит от данных, которые она собирает с других сайтов, поэтому мы начали с той части, в которой команда будет жить каждый день, — с рабочего пространства. Интерактивный прототип работает на небольшом наборе примерных объявлений и честно пишет об этом на экране. Так клиент смог пройти сценарий вместе с командой, решить, какие поля и фильтры действительно нужны, и определить объём сбора данных вокруг того, что требует интерфейс.
Какие данные стоит собирать, решает интерфейс. Спроектировав его первым, мы не дали конвейеру данных обрасти полями, на которые никто не смотрит.
Как мы работаем над такими продуктами
В AutoIntel сошлись наш продуктовый дизайн и веб-разработка. Потребительский продукт из той же отрасли — CarPixly, ИИ-фотостудия для объявлений о продаже машин. Если выбираете, кому доверить внутренний инструмент, в гайде как выбрать агентство разработки собраны вопросы, которые стоит задать. Есть похожая платформа в планах? Расскажите о ней.
Что сделали
- Обзор рынка: число объявлений, средняя цена, доля бензина и дизеля, сохранённые машины
- Единая карточка объявления: регистрация, пробег, коробка, топливо, кВт и л. с., город, источник
- Бейджи состояния, которые не смешивают аварию, повреждения и отсутствие данных
- Быстрые фильтры, панель фильтров по марке, цене, пробегу и топливу и сортировка под задачи перекупа
- Избранное и недавно просмотренные, адаптивная вёрстка для телефона и планшета
Частые вопросы
Собирает объявления о подержанных машинах с немецких площадок в одно рабочее пространство, показывает каждое в одном формате и позволяет команде фильтровать, сортировать и отбирать предложения.
Для компании, которая покупает и перепродаёт подержанные машины в Германии, где закупщикам нужно быстро сравнивать много объявлений и успевать на выгодные предложения, пока их не забрали.
Немецкие объявления указывают мощность в кВт, а многие покупатели по-прежнему думают в лошадиных силах. Оба значения рядом убирают пересчёт из каждого сравнения.
Это разные риски и разная стоимость ремонта. Если объединить их в один флаг, потеряется деталь, которая важнее всего при решении о перепродаже.
Кейс описывает продуктовый дизайн и интерактивный прототип, который работает на примерных объявлениях. Это закрытый B2B-инструмент, поэтому публичной ссылки нет.
Как устроен сайт
«Раньше у нас было открыто десять вкладок, и хорошие машины всё равно уходили. Sakura превратили это в один экран, где каждое объявление выглядит одинаково, а прототип помог легко договориться внутри команды, что платформе действительно нужно.»