АвтоПодбор, 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 заполнены под запросы по подбору авто.
Назад