Елена Сотникова
Офлайн
23 часа
На сайте
с октября 2026
АвтоПодбор, UAE
5000 руб
АвтоПодбор: лендинг подбора и продажи автомобилей в ОАЭ
О проекте. «АвтоПодбор» — компания из Дубая, которая подбирает автомобили под бюджет клиента, проверяет их перед покупкой, выкупает и продаёт машины, оформляет trade-in и сделку под ключ. Аудитория смешанная: русскоязычные экспаты в ОАЭ, англоязычные клиенты и местный рынок.
Задача. Сделать один лендинг, который закрывает весь путь до обращения:
за пару экранов объяснить, что компания делает и почему ей можно доверить деньги и машину;
показать реальные автомобили в наличии, а не абстрактные обещания;
снять страхи — юридическая чистота, техническая проверка, прозрачная цена;
собрать заявку по минимальному набору полей и не потерять её;
говорить с клиентом на его языке — русском, английском или арабском.
Что сделали
Структура и сценарий. Выстроили страницу как последовательную воронку: первый экран с оффером и двумя действиями → услуги → каталог → «4 шага» работы → преимущества → форма заявки → контакты. Между блоками работают якорные ссылки, шапка закреплена при скролле, так что кнопка «Оставить заявку» доступна с любого места. В первом экране — цифры доверия (опыт, количество подобранных авто, процент проверки), в блоке преимуществ — четыре страха клиента, переведённые в аргументы: гарантия качества, безопасная сделка, честная цена, поддержка.
Дизайн. Тёмная графитовая база с янтарным акцентом: фото автосалона в первом экране, контрастные карточки, иконки FontAwesome, строгая сетка. Такой набор читается как «премиально, но без пафоса» и хорошо ложится на автомобильную тематику. Вёрстка адаптивная — от 4 колонок на десктопе до одной на телефоне, все блоки проверены на мобильном.
Каталог из базы, а не из кода. Автомобили хранятся в таблице Heap («Автомобили»: марка, модель, год, цена, пробег, двигатель, коробка, фото, статус) и подтягиваются на страницу через API. В каталог попадают только машины со статусом «в наличии», последние добавленные, до восьми штук. Цены хранятся в одной валюте, а показываются в трёх — дирхам, рубль, доллар, с переключателем прямо в блоке. Пока данные грузятся, видны скелетоны карточек, а при пустом каталоге — аккуратная заглушка вместо пустого экрана.
Заявки, которые не теряются. Форма собирает имя, телефон, услугу и комментарий, валидирует обязательные поля и показывает состояния отправки, успеха и ошибки. Каждая заявка пишется в таблицу «Заявки», а параллельно уходит в CRM: создаётся событие leadCreated, подтягиваются контакты клиента (телефон и email, если указан), заявка привязывается к карточке клиента, а выбранная услуга уходит меткой в аналитику. То есть менеджер видит обращение не только в почте, но и в истории клиента.
Три языка без дублей. Весь текст вынесен в словари: 84 фразы на каждом из трёх языков. Переключатель RU / EN / AR в шапке сохраняет выбор в cookie на год — при следующем заходе человек видит свой язык, а по умолчанию сайт открывается на русском. Новые языки добавляются переводом словаря, без правок вёрстки.
Технически. Chatium, Vue 3, Tailwind, FontAwesome, Heap как хранилище каталога и заявок, интеграция с CRM и Microsoft Clarity для аналитики. Метатеги title и description заполнены под запросы по подбору авто.
Item 1 of 3


