CASES · проекты

Сайт выкупа авто 2014 года — новый за 5 дней и в 4,6 раза легче

← Все проекты
СайтыSEO и AI-поискВыкупАвто36 — «Автовыкуп», с 2014 года, Воронеж и соседние регионы2026

Сайт срочного выкупа автомобилей в Воронеже: новый дизайн, удобная форма заявки, быстрая загрузка на телефоне, оптимизация под Яндекс и нейропоиск. От макета до запуска — за 5 дней, без потери заявок и страниц старого сайта.

Было и стало

Сайт 2014 года против нового

Новый сайт ВыкупАвто36 на ПК: первый экран с заголовком «Срочный выкуп автомобилей», кнопками и фото автомобиляСтарый сайт ВыкупАвто на ПК: меню над логотипом и чёрно-белое фото парковкиБылоСтало
Потяните шторку, чтобы сравнить первый экран на ПК.
Старый сайт на телефоне: крупный логотип и фото, без меню и кнопок
Было. На телефоне — уменьшенная ПК-версия: ни меню, ни кнопки звонка на первом экране.
Новый сайт на телефоне: заголовок, кнопки «Узнать стоимость выкупа», «Позвонить», Телеграм и Макс
Стало. Телефон, оценка, звонок и мессенджеры — на первом экране, плюс плавающая кнопка «Позвонить».
Мобильное меню нового сайта на весь экран с пунктами, телефоном и ссылками на мессенджеры
Меню. Раскрывается на весь экран, под пунктами — крупный номер и мессенджеры.

Результат

371 КБвес страницы на телефоне. Было 1,7 МБ — в 4,6 раза легче
98 КБглавное фото на телефоне. Было 1,5 МБ: WebP с прозрачностью, размер под экран
0сдвигов вёрстки при загрузке (CLS) и 0 ошибок в микроразметке Schema.org
52автотеста: меню, слайдер, форма, маска телефона, отправка, Метрика, ссылки
99,5 %+совпадение вёрстки с утверждённым дизайном на пяти ширинах экрана
5 днейот макета в Claude Design до работающего сайта на хостинге

Задача

Старый сайт работал с 2014 года: заявки шли, страницы были в поиске. Но на телефоне им было неудобно пользоваться, а форма отправляла клиента на другую страницу. Нужен был современный продающий сайт — и аккуратный переезд, при котором не пропадут ни позиции, ни заявки.

Нужно было:
— новый дизайн по референсам клиента
— удобная заявка с телефона
— быстрая загрузка и видимость в Яндексе и нейросетях
— сохранить внутренние страницы и старые формы

Подход

Без конструкторов и тяжёлых библиотек: сайт легко переносить и дорабатывать, он не зависит от платных подписок.

Каждый этап проверялся автоматически: попиксельное сравнение с дизайном на ширинах от 360 до 1440 px, автотесты формы, маски, меню и слайдера на рабочем сайте, валидатор Schema.org, замеры скорости в эмуляции мобильного 4G. Рабочую отправку заявок подтвердили по журналу почты на сервере.

Обновляя сайт, которому много лет, сначала сохраняйте прежние адреса страниц и формы — тогда позиции и заявки не пропадут.

Путь заявки

Каждая заявка доходит до менеджера

  1. Клиент заполняет форму

    Маска +7 (XXX) XXX-XX-XX включается с первого символа и легко правится. Пустые поля и согласие подсвечиваются, неполный номер не уйдёт.

  2. Форма сменяется вопросом

    Страница не перезагружается. Вместо формы — «Как удобнее с вами связаться?»: звонок, Телеграм, Макс или СМС.

  3. Менеджер получает два письма

    Заявка с данными авто и выбранный способ связи приходят на два адреса. В Метрике срабатывают цели на отправку и на клики по телефону.

Форма «Рассчитать стоимость выкупа авто» с полями марки, модели, года, суммы и телефона
Форма оценки с контактами и временем работы рядом.
После отправки: «Заявка на Toyota Camry принята. Уже считаем варианты. Как удобнее с вами связаться?» и кнопки способов связи
После отправки: выбор способа связи сразу уходит менеджеру.

Что получил клиент

Сайт, который работает на заявки

Удобно с телефона

  • Отдельная раскладка для телефона, планшета и ПК, без горизонтальной прокрутки
  • Номера и заголовки сами подстраиваются под ширину и не обрезаются
  • «Этапы выкупа» на телефоне компактнее: цифра слева, текст справа

Быстрая загрузка

  • Фото в WebP, по размеру экрана; ниже первого экрана — по мере прокрутки
  • Шрифты на своём хостинге, без внешних задержек
  • Кэширование и сжатие на сервере

Видно в поиске и нейросетях

  • Микроразметка: организация с адресом, координатами и часами, услуги, этапы, вопросы и ответы
  • Файл llms.txt — выжимка о компании для ChatGPT, Яндекса и Perplexity
  • Мета-теги, картинка для соцсетей, sitemap с фото, понятные имена и описания изображений

Переезд без потерь

  • Полная резервная копия, старая версия в архиве и закрыта от индексации
  • Внутренние страницы работают по прежним адресам, старые формы тоже
  • Исправлены ошибки старых страниц, удалены мёртвые счётчики

Продающая подача

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

Блок «Выкупленные автомобили»: карточки Renault Arkana, Mitsubishi Outlander, Mercedes-Benz GLS, TANK 500 с фото и описанием
Лента выкупленных автомобилей — реальные машины клиента с годом и описанием повреждений.

На чём собрано

Claude DesignPHPHTML и CSSJavaScript без фреймворковPHPMailerSchema.orgWebPЯндекс МетрикаХостинг reg.ru

Проверьте у себя

  1. Можно ли оставить заявку с телефона, не увеличивая страницу пальцами?

    Откройте свой сайт с телефона и отправьте тестовую заявку

  2. Что видит клиент после отправки формы — и узнаёте ли вы, как ему удобнее ответить?

    Отправьте заявку сами и посмотрите, что пришло вам на почту

  3. Сколько весит ваш сайт на телефоне?

    pagespeed.web.dev, мобильная версия, раздел «Диагностика» — общий размер страницы

Не уверены? Проверим за вас

Сайт проекта: выкуп-авто36.рф

REQ · заявка

Оставьте заявку — соберём под задачу

Выберите направление и оставьте контакт. Ответим в течение рабочего дня.

Направление
спецификация
карточка запроса
ОТК 01
ЗАПРОС · —
КОНТАКТ · —
КОММЕНТАРИЙ · —
СТАТУС · ЧЕРНОВИК