Лендинг. Редизайн одностраничного сайта

Компания «ВыкупАвто36» занимается срочным выкупом автомобилей в Воронеже и соседних регионах. Сайт компании работал с 2014 года, привлекал посетителей из поисковых систем и приносил заявки. Однако за это время требования пользователей сильно изменились: старый дизайн устарел, страницы медленно загружались, а пользоваться сайтом с телефона было неудобно. Задача заключалась не просто в обновлении внешнего вида, а в превращении существующего сайта в современный инструмент привлечения клиентов.

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

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

1. Начали с анализа старого сайта

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

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

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

2. Полностью переработали дизайн и структуру

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

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

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

3. Сделали форму заявки частью системы продаж

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

Теперь клиент указывает марку, модель, год выпуска, желаемую стоимость и телефон прямо на странице. После отправки форма не перебрасывает его на другой экран сайта, а предлагает выбрать удобный способ связи: телефон, Telegram, MAX или СМС. Менеджер получает информацию об автомобиле и предпочтительном канале общения.

Мы также предусмотрели проверку заполнения полей, удобную маску номера телефона и отслеживание действий через Яндекс Метрику. Это позволяет не просто собирать заявки, но и понимать, какие действия совершают посетители и насколько эффективно сайт помогает получать обращения.

4. Ускорили загрузку и подготовили сайт к поисковому продвижению

Красивый дизайн бесполезен, если сайт долго загружается или плохо работает на телефоне. Поэтому мы оптимизировали изображения, шрифты, стили и программный код. Разработали сайт без тяжёлых библиотек и зависимости от платных конструкторов.

В результате вес мобильной страницы сократился с 1,7 МБ до 371 КБ — в 4,6 раза. Главное изображение для смартфонов удалось уменьшить с 1,5 МБ до 98 КБ. Это особенно важно для пользователей мобильного интернета: сайт быстрее открывается, а посетитель может раньше перейти к нужному действию.

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

Проверили работу и запустили за 5 дней

Перед запуском проверили отображение сайта на разных размерах экранов, работу мобильного меню, кнопок, форм, отправку заявок и систему аналитики. Провели 52 автоматических теста, а соответствие вёрстки согласованному дизайну составило более 99,5% на пяти контрольных разрешениях.

Весь проект — от создания дизайна до размещения работающего сайта на хостинге — занял 5 дней. За это время компания получила не просто обновлённую страницу, а современный инструмент для приёма обращений, подготовленный к дальнейшему развитию и продвижению.

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