One Platform — платформа-конструктор для создания сайтов автомобильных дилеров. По сути, аналог Tilda для автобизнеса: дилер собирает сайт из готовых блоков, настраивает внешний вид, подключает необходимые сервисы и публикует сайт без разработки с нуля.

Конструктор включает десятки блоков: баннеры, формы, новости, CTA, информационные секции и другие элементы сайта.

АВН (Автомобили в наличии) — отдельный продукт для отображения и продажи автомобилей из наличия дилера. Он приобретался отдельно и интегрировался в One Platform как функциональный модуль.

One Platform и АВН разрабатывались как самостоятельные продукты. При этом АВН встраивался в дилерский сайт через конструктор наравне с другими блоками.

Главное отличие АВН от стандартных блоков — он представлял собой не отдельный элемент страницы, а целый набор связанных интерфейсов:

Таким образом, АВН объединял несколько этапов пользовательского пути: от поиска подходящего автомобиля до расчёта кредита и отправки заявки.

1. Спроектировать библиотеку блоков One Platform
Необходимо было определить состав блоков, из которых дилеры смогут собирать свои сайты.
Для каждого блока требовалось:

• определить назначение и пользовательские сценарии;
• продумать набор доступных настроек;
• спроектировать визуальное представление;
• подготовить адаптивные версии;
• обеспечить совместимость с другими блоками платформы.

2. Построить масштабируемую дизайн-систему
Платформа должна была использоваться разными автомобильными брендами, поэтому дизайн-система должна была:

• поддерживать брендирование под конкретного дилера;
• обеспечивать единый пользовательский опыт;
• позволять быстро создавать новые блоки и страницы;
• сокращать объём повторной работы команды разработки и дизайна.

3. Разработать модуль АВН (Автомобили в наличии)
В рамках модуля нужно было спроектировать:

• каталог автомобилей;
• карточка автомобиля;
• фильтрация и поиск;
• формы заявок;
• сценарии подключения дополнительных сервисов (кредит, trade-in, аксессуары и др.);
• настройки отображения витрины для разных дилеров.

Я отвечала за проектирование публичной части платформы — интерфейсов, которые видит конечный посетитель дилерского сайта.

В мои задачи входило:

• проведение конкурентного анализа рынка;
• проектирование библиотеки универсальных блоков конструктора сайтов;
• определение состава и настроек каждого блока;
• проектирование адаптивных версий блоков;
• разработка масштабируемой дизайн-системы для разных автомобильных брендов;
• проектирование модуля АВН (Автомобили в наличии);
• подготовка спецификаций и макетов для передачи в разработку.

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

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

Целью анализа было определить лучшие UX-практики, найти точки роста существующего продукта и сформировать требования к новой архите

Главной сложностью было создать систему компонентов, которая одновременно:

В качестве решения была разработана generic-дизайн-система, основанная на дизайн-токенах и переиспользуемых компонентах.

Изменяя темы, цвета, типографику и отдельные параметры компонентов, можно было быстро получать UI-киты различных брендов.

Для каждого блока необходимо было:

Параллельно составлялась спецификация для разработки, чтобы блоки могли быть реализованы в административной панели платформы.

В итоге была создана библиотека из универсальных блоков, из которых дилеры могли собирать страницы любой сложности.

2 конфигурации на примере сайта BMW

4 конфигурации на примере сайта BMW

2 конфигурации на примере сайта BMW

АВН — самостоятельный продукт, который интегрировался в One Platform как отдельный блок и позволял автомобильным дилерам размещать онлайн-витрину автомобилей в наличии.

В отличие от стандартных блоков конструктора, АВН включал несколько взаимосвязанных интерфейсов и пользовательских сценариев: от поиска и сравнения автомобилей до расчёта условий покупки и отправки заявки дилеру.

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

Карточка объединяла подробную информацию об автомобиле и действия, необходимые для перехода к покупке.

Ключевая задача проектирования — выстроить понятную информационную иерархию, чтобы пользователь мог изучить автомобиль, оценить его характеристики и перейти к следующему действию.

Формы связывали сценарий выбора автомобиля с обращением к дилеру.

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

Отдельный сценарий для сопоставления нескольких автомобилей по характеристикам.
Ключевая UX-задача — представить параметры в единой структуре, чтобы пользователь мог быстро находить различия между вариантами и принимать решение о выборе.

Данный функционал был доступен только в десктоп версии.