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

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

Одним из ключевых модулей платформы является АВН (Автомобили в наличии) — витрина автомобилей в наличии.

Перед проектом стояли три основные задачи.

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

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

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

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

3. Разработать модуль АВН (Автомобили в наличии)
Я отвечала за проектирование одного из ключевых модулей платформы — онлайн-витрины автомобилей.
В рамках модуля были спроектированы:

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

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

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

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

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

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

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

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

• масштабируемую дизайн-систему;
• библиотеку универсальных блоков;
• гибкую систему брендирования;
• модуль AVAIL для отображения автомобилей в наличии.

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

Примеры сайтов:
Онлайн-витрина БМВ
Сайт БМВ
Демо-видео