180+ проектов за 6 лет 15 минут — ответ в Telegram
Срочная помощь — что-то сломалось Услуги и цены Кейсы Отрасли Цены Бесплатный разбор сайта Полезное О нас Контакты Написать в Telegram
АвтобизнесАудитСайтРедизайн сайта20262 этапа из 6

«Кардан Сервис»: разобрали сайт по данным и собрали прототип

«Кардан Сервис» с 2000 года ремонтирует и изготавливает карданные валы в Иркутске: 4,7 в Яндекс Картах, 5,0 в 2ГИС — и сайт 2017 года, на 27 страницах услуг которого нет ни одной формы заявки. Разобрали сайт по данным поиска и Метрики, собрали прототип пяти страниц. Аудит и прототип готовы, сайт ещё не запущен — идёт сборка, этот кейс про первые два этапа.

27страниц услуг разобрали по данным поиска
0 формзаявки на этих страницах было
76%показов в поиске — с телефонов
Прототип главной «Кардан Сервис»: оффер, две кнопки и мастер с карданным валом в цехе
Сайт в сборке — ссылку добавим после запуска. Читать полный разбор Другие кейсы
Клиент и задача

Сайт 2017 года, который меняли кусками

Компания на рынке с 2000 года: ремонт и изготовление карданных валов, балансировка, ремонт автоагрегатов, механическая обработка, лазерная резка. Сайт собрали в 2017 году на покупном шаблоне и с тех пор правили частями. Часть страниц осталась в старом редакторе, часть переделали в Elementor, часть свёрстана вручную вставленными HTML-таблицами. У сетевых конкурентов на сайтах есть цены по классам техники, сроки, гарантия, формы и мессенджеры — в цехе у клиента всё это тоже есть, а на сайте не было ничего. Клиент попросил обновить сайт, сохранив фирменные цвета, — а мы начали не с макетов, а с замеров.

  • Ни одной формы заявки на 27 страницах услуг. Призыв один — «звоните по тел.» текстом, без ссылки
  • Цены — на одной странице из 27. Ни сроков, ни гарантии, ни отзывов, ни фотографий цеха
  • На телефоне текст и номер уезжали за край экрана — на трёх страницах из шести проверенных
  • 91 страница в индексе Яндекса, около 45 — мусор: демо-страницы шаблона, дубли услуг, «Тестовая»
  • robots.txt и политика конфиденциальности отдавали 404, письма с сайта не уходили
Решение

Что сделали

  • Аудит по трём источникам сразу: Вебмастер, Метрика, Wordstat и краулинг — семь отчётов
  • Пересмотрели все 27 страниц услуг и тексты на них, разобрали спрос в регионе и сайты конкурентов
  • Подняли тестовую копию сайта — полную и изолированную, с отдельной базой; боевой сайт работал как обычно
  • Срочные правки на боевом сайте по согласованию: вернули robots.txt, который отдавал 404, и указали в нём карту сайта
  • Собрали прототип пяти страниц — главная, услуга, раздел, контакты, политика — на реальных фотографиях из архива клиента
  • Перерисовали логотип и фавикон в вектор, составили план проекта на шесть этапов и опросник по недостающим данным

До и после

До
  • Позвонить — единственный способ: «звоните по тел.» текстом, без ссылки и без формы
  • Сколько стоит и сколько ждать — не написано: цены есть на одной странице из 27
  • Про репутацию ни слова: 4,7 из 5 в Яндекс Картах и 5,0 в 2ГИС остались за кадром
  • Половину органики ловила главная с заголовком «Кардан Сервис | Кардан Сервис» — из сниппета не понять, что это ремонт карданов в Иркутске
После
  • Форма заявки — в шаблоне страницы услуги; на главной в неё можно приложить фото детали
  • Цены, сроки и гарантия — отдельным блоком; пока цифр нет, на их месте видимые заглушки «···»
  • Рейтинги с карт и подтверждённые факты — в блоке «Почему мы»
  • Адреса всех 27 страниц услуг сохраняем: 46% трафика идёт из Директа на конкретные посадочные

Дизайн: было и стало

В каждой паре — сайт на момент аудита и прототип; «···» стоит там, где мы ещё ждём цифры от клиента.

Первый экран главной

Было: слайдер с текстом внутри картинки, два абзаца и пустота — ни услуг, ни цен, ни формы. Стало: оффер и два действия, а картинка первого экрана похудела с 828 до 131 КБ.

Было
Главная до редизайна: слайдер с текстом, вшитым в JPEG
Стало
Главная после: оффер, кнопки, факты

Главная целиком

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

Было
Главная целиком до редизайна
Стало
Главная целиком после редизайна
Страница целиком — прокручивается внутри рамки

Страница услуги

Было: сплошной текст без структуры, медиана 148 слов, в конце — «звоните по телефону». Стало: единый шаблон для всех 27 услуг — симптомы «когда нужен ремонт», перечень работ, таблица цен и сроков, этапы, галерея работ, частые вопросы, форма и перелинковка на смежные услуги.

Было
Страница услуги до редизайна
Стало
Страница услуги после редизайна
Страница целиком — прокручивается внутри рамки

Главная на телефоне

Смотрите на первый экран: слева его целиком занимает шапка, справа — оффер и кнопка действия. При этом 76% показов в поиске у сайта — мобильные.

Было
Главная на телефоне до редизайна
Стало
Главная на телефоне после редизайна
Страница целиком — прокручивается внутри рамки

Услуга на телефоне

Было: сплошной текст в одну колонку, а таблицы и галереи фиксированной ширины 600–945 px обрезались на узком экране. Прототип проверяли на телефоне шириной 390 px после каждой правки: горизонтальная прокрутка и элементы за краем экрана — блокирующая ошибка.

Было
Страница услуги на телефоне до редизайна
Стало
Страница услуги на телефоне после редизайна
Страница целиком — прокручивается внутри рамки

Так это выглядело на телефоне

Страница «Изготовление металлоконструкций» на телефоне: весь текст вместе с номером — за краем экрана. Пользователь видит фотографию и подвал.

Страница «Изготовление металлоконструкций» на телефоне: текст и телефон за краем экрана
Страница целиком — прокручивается внутри рамки

Контакты

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

Было
Страница контактов до редизайна
Стало
Страница контактов в прототипе

Как делали

01

Разобрали сайт по данным, а не на глаз

Смотрели три источника сразу: Вебмастер — что о сайте знает поиск, Метрика — что делают пришедшие, Wordstat и краулинг — спрос в регионе. Правило одно: любая цифра из выгрузки, а не из головы. Данные сразу переставили приоритеты: 46% трафика даёт Директ, поэтому посадочные объявлений не трогаем ни при каких обстоятельствах; половину органики ловит главная, а не страницы услуг; а спрос «карданный вал купить Иркутск» — 225 запросов в месяц — сайт не закрывал вообще: валы компания изготавливает, страницы об этом нет.

02

Собрали прототип пяти страниц

Главная, страница услуги, раздел, контакты и политика — на реальных фотографиях из архива клиента: из 309 снимков отобрали и подготовили 44. Опубликованных цен, сроков и гарантии у компании не было, поэтому на их местах стоят видимые заглушки «···», а рядом — список из 11 блоков вопросов владельцу.

Таблица цен и сроков в новом шаблоне услуги, цифры — заглушки
03

Показали то, что уже есть в цехе

4,7 из 5 в Яндекс Картах (170 оценок, 71 отзыв), 5,0 в 2ГИС (337 оценок, 145 отзывов), первое место в органической выдаче карт по ремонту карданных валов — на сайте об этом не было ни слова. В блок «Почему мы» вынесли только подтверждённые факты и живые рейтинги с карт, а то, что ещё ждёт подтверждения клиента, осталось заглушкой «···».

Блок «Почему мы»: подтверждённые факты и рейтинги с карт
04

Перерисовали знак из 16 пикселей

Клиент попросил взять знак с фавикона сайта. Исходник оказался картинкой 16×16 пикселей — всё, что крупнее, было размытым. Мы перерисовали знак в вектор и собрали полный набор иконок для браузера и телефона.

Фавикон: было — размытый апскейл 16×16, стало — вектор
Результаты

Замеры прототипа

Это замеры прототипа, а не рыночный результат: сайт ещё не запущен. Показатели поиска и заявок сравним через месяц после публикации — по тем же источникам, что использовали в аудите.

78 → 3файлов кода на главной
≈790 → 52 КБвес CSS и JS
828 → 131 КБкартинка первого экрана
8 КБсвоего кода вместо jQuery и Flash
790 52 было прототип вес CSS и JS, КБ
Факты проекта
Статус
Аудит и прототип готовы, идёт сборка
Аудит
Семь отчётов по данным Вебмастера, Метрики и Wordstat: 27 страниц услуг, 91 страница в индексе
Прототип
5 страниц; 44 фотографии отобрали и подготовили из 309 в архиве клиента
Решения
Адреса всех 27 страниц услуг сохраняем — на них идёт трафик Директа; палитра клиента без изменений
Стек
Предложили статику вместо CMS: 27 страниц меняются пару раз в год
Проверки
Прототип трижды проверили независимо: интерфейс и мобильная вёрстка, факты о компании, техника
Оказаны услуги
Сколько стоит похожий проект?

Напишите, чем занимаетесь и что из этого кейса вам нужно, — за 1 рабочий день назовём формат, срок и ориентир по цене.

Хотите такой же разбор?

Напишите, чем занимается ваш бизнес и что не устраивает в сайте, — начнём с разбора по данным поиска и Метрики.

Следующий →Авторынок «Новый»
Инструменты, с которыми работаемTildaWordPressЯндекс ДиректЯндекс МетрикаamoCRMБитрикс24Telegram Bot APIMaxRoistat
Ответ за 15 минут в рабочее время Написать в Telegram