Приложение для здравоохранения
UX продукта
MV AgustaАвтомобили · Дизайн сайта дилера
Dealer WorkspaceАвтомобили · Цифровой продукт
Услуги
Инструменты
Стек технологий
Услуги
Инструменты
Стек технологий
Автомобили · Дизайн сайта дилера
MV Agusta
Дизайн сайта для дилера MV Agusta, выполненный на заказ и позднее превращённый студией в работающий цифровой шоурум. Визуальный характер бренда сохраняется на всём пути: от знакомства с моделями до выбора мотоцикла в наличии и связи с дилером.
Автомобили · Цифровой продукт
Dealer Workspace
Рабочая платформа дилера мотоциклов для ответов клиентам, организации визитов и продвижения продаж. Почта, SMS и чаты сайта собраны в одном месте; ясно, кто отвечает за клиента, а мотоцикл и следующий шаг всегда рядом.
Две стороны дилерского центра
Сайт помогает покупателю найти мотоцикл и отправить заявку. Платформа задумана так, чтобы перенести этот контекст в ежедневную работу дилера. Демоверсии работают отдельно; связь между ними не активна.
Бриф
Адаптировать редакционный визуальный язык бренда к сайту дилера. Покупателю нужно видеть наличие, сравнивать детали конкретного мотоцикла и находить понятный следующий шаг с дилерским центром.
Зачем этот продукт
Покупатель может написать о мотоцикле по почте, продолжить в сообщениях и затем попросить о визите. Дилеру нужно сохранить разговор целиком, знать ответственного менеджера и превратить интерес в понятный следующий шаг. Мы объединили ответ, организацию визита и дальнейшую работу в один непрерывный процесс.
Дизайн-решения
Получив структурный бриф, мы переработали визуальный стиль, композицию, компоненты и часть последовательности страницы. Крупные фотографии раскрывают бренд, а карточки наличия, характеристики и прямые действия поддерживают путь к покупке.
После передачи дизайна мы сами превратили его в работающий сайт. Общие шаблоны страниц сохраняют одинаковые навигацию, представление моделей и выбор наличия во всём шоуруме.
Наши продуктовые решения
В центре мы поставили разговор с клиентом. У сообщений виден канал, а сотрудники выбирают способ ответа в одном месте. Переписка связана с карточкой клиента, где ясно указаны назначенный менеджер и интересующие мотоциклы.
Мы связали разговор с визитом: сотрудники предлагают время в шоуруме, а покупатель выбирает онлайн. Сделки и задачи переносят следующий шаг дальше. У каждого мотоцикла своя складская запись, а отдельный этап публикации даёт дилеру контроль над тем, что покупатели увидят на сайте.
Наш вклад
Мы подготовили UX/UI-дизайн и переиспользуемые компоненты, затем в рамках студийного проекта разработали фронтенд шоурума и анимацию. Фирменный стиль и изображения мотоциклов принадлежат MV Agusta.
Наш вклад
Мы определили направление продукта, описали связи и процессы, разобрали первую версию по разделам, спроектировали и разработали адаптивный фронтенд. Работа охватила и видимый интерфейс, и правила совместной работы его разделов.
01 / Приоритеты дилера
Показать доступные мотоциклы у самого входа.
На главной наличие идёт сразу после первого изображения. Состояние, год и цена видны вместе, поэтому первое решение касается мотоцикла, который дилер действительно предлагает.
Тест-драйвы и сервис идут следующими прямыми действиями. Это повседневные причины приехать к дилеру, поэтому у них ясное место в иерархии страницы.
02 / Изучение модели
Сохранить следующий шаг рядом с моделью.
Мы объединили мотоцикл, доступные ракурсы, основные характеристики и переход к наличию в одной цельной карточке продукта. Покупатель может рассматривать модель, не теряя из виду практические сведения.
Просмотр наличия переносит выбранную модель в фильтр склада. Так выразительная страница модели связана с доступными мотоциклами дилера.
03 / Выбор из наличия
Дать каждому мотоциклу собственные подробности.
Объявлению о наличии недостаточно названия модели. Мы разместили рядом с мотоциклом запрашиваемую цену, год, пробег, прежних владельцев и часть VIN, а также действие отправки запроса.
Фильтры семейства, модели и состояния сужают список, а сортировка помогает сравнивать цену и год. Выбор сохраняется в URL, чтобы результатом можно было поделиться. Показанное наличие — пример данных.
04 / Визуальное направление
Провести бренд через весь путь покупки.
Крупные изображения мотоциклов, сильная типографика и светло-тёмный контраст сохраняют узнаваемость MV Agusta. Мы использовали фотографии бренда в новой композиции и системе компонентов.
На странице модели у технических подробностей свой визуальный ритм: крупный план, ясный заголовок и короткое объяснение. Анимация следует этой иерархии: выразительное начало и более спокойные переходы между деталями.
01 / Общение с клиентами
Отвечать покупателю из одного места.
Клиент может начать на сайте и продолжить в сообщениях. При ответе сотрудникам нужна предыдущая переписка независимо от канала покупателя.
Мы объединили заявки с сайта, электронную почту и SMS в одном чате, указывая канал у каждого сообщения. В этом примере Carlos переходит с сайта в SMS; сотрудник отвечает рядом с историей переписки, над которой показан нужный мотоцикл.
02 / Ответственность за клиента
Закрепить каждого клиента за его менеджером.
За общим контактом дилера должна стоять понятная ответственность. Команда может назначить менеджера клиенту и видеть, кто ведёт отношения и каков следующий шаг.
Мы закрепили ответственность в карточке клиента. Если контакты указывают на существующего клиента, новая заявка связывается с этой карточкой и сохраняет назначенного менеджера. Разговоры и дальнейшие задачи остаются связаны с одним человеком.
03 / От разговора к визиту
Превратить сообщение в забронированный визит.
Просьба вроде «в четверг после работы» должна вести к визиту, который покупатель может подтвердить онлайн. Мы поместили предложенные часы шоурума прямо в разговор, чтобы сотрудник мог организовать визит, пока запрос перед глазами.
Покупатель выбирает время, и выбор становится встречей, связанной с перепиской. В демоверсии предпросмотр письма позволяет пройти покупательскую часть сценария.
04 / Довести до результата
Продолжить продажу после первого ответа.
После ответа или записи на визит команда всё ещё должна понимать, что дальше. Каждая сделка объединяет покупателя, конкретный мотоцикл и следующее действие.
Мы сделали следующий шаг задачей, общей для сделки и списка задач, с ответственным и сроком. Исходное сообщение покупателя можно прикрепить, чтобы ведущий работу видел договорённость. Доска выделяет просроченные шаги и сделки без следующего действия.
05 / Решения по наличию
Знать, какие мотоциклы стоит изучить внимательнее.
У двух мотоциклов одной модели могут различаться цена, наличие и время на сайте. Объединение скрыло бы детали, необходимые дилеру для решения.
В основу учёта и отчётности мы поставили отдельную единицу наличия. У каждого мотоцикла свои просмотры и заявки. Аналитика привлекает внимание дилера к закономерностям — например, много просмотров без заявок — для более внимательного изучения.
06 / Контроль над сайтом
Проверить изменения до того, как их увидят покупатели.
Новая цена или статус «Зарезервирован» меняют предложение дилера. Сотрудникам нужна возможность проверить эти изменения вместе.
Мы разделили сохранение черновика и публикацию изменений. Ожидающие правки видны по полям, а публикация остаётся осознанным следующим действием. Новости и импорт CSV подчиняются тому же правилу.
Результат
Переданный дизайн и работающий шоурум.
Заказной дизайн передан клиенту. Позже мы самостоятельно разработали этот 28-страничный шоурум со страницами моделей, фильтрами наличия, тест-драйвами и сервисом. Показанная версия содержит примеры данных; формы проверяют ввод, но не отправляют его.
Результат
Работающая платформа дилера.
Работающее приложение для компьютера, планшета и телефона, объединяющее общение с клиентами, распределение ответственности, запись на визит и работу с продажами с управлением наличием и сайтом. Изучайте процессы на примерах данных; изменения остаются в вашем браузере. Демоверсия не подключена к сайту дилера, электронной почте или SMS-сервисам.
