Проектирование и запуск лендинга под конверсии для официального дилера Porsche

О проекте

Клиент

Порше Центр Рублёвский – официальный дилер Porsche на пересечении МКАД и Рублево-Успенского шоссе. Премиум-сегмент со всеми его особенностями: длинный цикл сделки, осознанный покупатель, высокая стоимость лида, ожидание сервиса на уровне самого продукта.

Задача

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

Как разбирали аудиторию и сценарии

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

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

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

Дизайн и визуальный стиль

Палитра – глубокий черный с белой типографикой и контрастными светлыми акцентами в блоках каталога. Этот выбор продиктован не только фирменным стилем Porsche, но и психологией премиум-аудитории: темный фон работает на восприятие статуса, выводит автомобили на передний план и помогает фотографиям выглядеть выразительно.

В рамках проекта собрали UI-kit под все ключевые состояния: формы, кнопки, карточки товаров, фильтры, селекты, чекбоксы согласия. Шрифтовая пара – лаконичный сансериф для заголовков и читаемая основная гарнитура для тела текста. Все размеры выверены под широкие десктопные разрешения от 1920 px, без дробных значений и без шрифтов мельче 14 px.

Особое внимание уделили иерархии форм. На странице четыре отдельные точки сбора заявок (главный экран, авто под заказ, сервис, контактный блок), и каждая заточена под конкретный сценарий: где-то достаточно только телефона, где-то к телефону добавляется выбор модели или выбор услуги.

Первый экран и витрина новых Porsche

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

Каталог новых Porsche подтягивается фидом со склада дилера и обновляется автоматически. Чтобы уйти от классического слайдера, который не во всех пользовательских сценариях показывает эффективность, реализовали структуру с фильтрами по модели, комплектации и цвету и кнопкой «Показать еще».

Карточка содержит ровно то, что нужно для решения о следующем шаге: 

• модель;
• год;
• технические характеристики двигателя;
• цену;
• две кнопки – «Получить предложение» для быстрой заявки и «Подробнее» для тех, кому нужна полная карточка.

После каталога идет блок «Наши преимущества» из пяти наиболее релевантных аудитории пунктов пунктов. Каждое преимущество – короткий, конкретный буллит без абстрактных формулировок.

Раздел «Автомобили с пробегом»

Отдельная зона с собственным фильтром: по марке, модели, комплектации, цвету. В премиум-сегменте у дилера часто бывают не только Porsche, но и Mercedes, BMW, Bentley, поэтому фильтр по марке обязателен.

Под каталогом – блок «Дополнительные возможности» из четырех пунктов: диагностика, юридическая чистота, комиссия и трейд-ин, финансовые услуги. Это короткие ответы на типовые возражения покупателя авто с пробегом, без воды и без длинных списков обещаний.

Раздел «Автомобили под заказ»

Самостоятельный блок с темным фоном и собственной формой. Минимальный набор полей – телефон и выбор модели Porsche, которой нет в наличии.

Лишних полей нет. Задача – получить контакт, остальное закрывает менеджер. Логика та же, что и в премиальном ритейле в целом: чем меньше препятствий между интересом и заявкой, тем выше конверсия.

Раздел «Сервисное обслуживание»

Сервис – отдельная воронка с отдельной аудиторией. Это не только владельцы Porsche, но и владельцы других премиальных марок из семейного автопарка клиента. Поэтому блок выделен в самостоятельную смысловую зону со своей формой записи и своим набором аргументов.

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

1. скидка 20% на работы и 10% на запчасти для сторонних марок;
2. бесплатная зарядка электромобилей во время ремонта;
3. оборудование уровня официального дилера – включая стенд экспресс-проверки развал-схождения.

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

Блок услуг и контактный блок

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

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

Контактный блок построен вокруг карты с геометкой дилерского центра. Удобное расположение клиента (на пересечении МКАД и Рублево-Успенского шоссе) отдельный аргумент для целевой аудитории, для которой логистика играет роль наравне с уровнем сервиса.

Страница 404

404-ю оформили в той же эстетике, что и основной лендинг: крупная цифра, премиум-фотография автомобиля во весь экран и одна кнопка возврата на главную.

У потерявшегося пользователя одна задача, и страница должна давать возможность ее решить без отвлечения на другие детали.

Адаптивный дизайн

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

Темная палитра на мобильных работает не хуже, чем на десктопе: автомобиль остается центральным элементом на экране.

Результат

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

1. Контекстная реклама на продажи новых Porsche ведет на лендинг с актуальным складом – каталог обновляется фидом без участия маркетолога. 
2. Сервис не ушел на второй план: блок записи на ТО вынесен в отдельную смысловую зону со своими аргументами для владельцев авто других марок и не конкурирует с продажами за внимание пользователя.

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