Демонстрационный пример: вымышленные компании, не работы клиентов

Редизайн сайта

Было и стало: три старых сайта, которые снова приводят заявки

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

01 / Медицина

Стоматология «Жемчуг»

Было: сайт 2011 года, 14 пунктов услуг в боковом меню, форма из семи полей с капчей. Задача: больше записей с телефона.

Стало: светлая главная стоматологии с заголовком «Лечим зубы без боли и без сюрпризов в смете», кнопкой записи и карточкой плана лечения с ценой Было: голубой сайт клиники с мелким текстом, слайдером-заглушкой, длинным меню слева и формой с капчей справа БылоСтало
Ползунок двигается мышью, пальцем или стрелками клавиатуры.
Мобильная версия нового сайта стоматологии: заголовок, кнопки записи на всю ширину и цифры доверия
Стало: телефон, 390 px

Что изменили и зачем

  1. Оффер вместо «Добро пожаловать». Главный страх пациента: боль и растущая смета. Заголовок отвечает на оба сразу.
  2. Навигация из пяти пунктов. 14 услуг свернули в направления, остальное нашлось в поиске и на странице «Лечение».
  3. Цена видна до звонка. Карточка плана лечения показывает, как выглядит смета, а не таблицу «от … руб.».
  4. Форма из двух полей. Имя и телефон, без e-mail и капчи; ближайшее свободное окно видно сразу.
  5. Доверие цифрами. 12 врачей, гарантия 2 года, подтверждение записи за 20 минут вместо «высококвалифицированных специалистов».
  6. Мобильная версия и скорость. Слайдер и таблицы убраны, страница весит в 6 раз меньше, кнопка записи под пальцем.

Метрики до и после демо

Записи с сайта в месяц18 → 47
Конверсия в заявку0,9% → 2,6%
Загрузка на телефоне6,8 с → 1,4 с
Доля записей с телефона22% → 61%

Серая полоса: было, зелёная: стало. Цифры условные: так выглядит отчёт, который мы готовим через 2 месяца после запуска по данным Метрики и CRM.

02 / B2B, металлопрокат

Металлобаза «Сталь-Профиль»

Было: прайс «звоните», бегущая строка и xls на 2,4 МБ. Задача: снабженцы должны получать счёт без звонков.

Стало: тёмный первый экран металлобазы с оффером «счёт за 15 минут», строкой поиска и таблицей остатков с ценой за тонну Было: серо-оранжевый сайт металлобазы с бегущей строкой, деревом каталога и прайсом, где вместо цен написано «звоните» БылоСтало
Ползунок двигается мышью, пальцем или стрелками клавиатуры.
Мобильная версия металлобазы: оффер, поле поиска с кнопкой «Рассчитать» и категории проката
Стало: телефон, 390 px

Что изменили и зачем

  1. Оффер для снабженца. «Счёт за 15 минут, доставка завтра»: то, ради чего выбирают поставщика, а не «один из ведущих».
  2. Цены и остатки открыто. Таблица с ценой за тонну и временем обновления вместо «звоните»; полный прайс в каталоге, а не в xls.
  3. Поиск по позиции. Строка «что и сколько» сразу на первом экране: человек пишет «арматура 12, 3 т» и получает расчёт.
  4. Навигация по задаче. Каталог, резка, доставка, документы; дерево из 22 пунктов уехало в фильтры каталога.
  5. Доверие для B2B. Сертификаты на партию, НДС и ЭДО в день заказа, свой транспорт до 12 м.
  6. Скорость и телефон. Без бегущей строки и тяжёлых картинок; на телефоне кнопка расчёта на всю ширину.

Метрики до и после демо

Запросы счёта с сайта1,1% → 3,4%
Время до выставления счёта2 ч → 15 мин
Отказы на главной61% → 34%
Загрузка на телефоне7,9 с → 1,7 с

Цифры условные, для примера отчёта. Цены в таблице макета вымышлены.

03 / Детские услуги

Детский центр «Кораблик»

Было: радужный логотип, музыка на сайте и расписание-таблица. Задача: записи на пробное занятие от родителей с телефона.

Стало: тёплый первый экран детского центра с заголовком «Занятия, после которых ребёнок просится снова», выбором возраста и иллюстрацией кораблика Было: жёлтый сайт детского центра с радужным логотипом, цветными рамками, музыкальным плеером и пёстрой таблицей расписания БылоСтало
Ползунок двигается мышью, пальцем или стрелками клавиатуры.
Мобильная версия детского центра: заголовок, выбор возраста и кнопка «Записаться на пробное занятие»
Стало: телефон, 390 px

Что изменили и зачем

  1. Оффер для родителя. Не «волшебный мир», а результат, который видит мама: ребёнок хочет прийти ещё раз.
  2. Выбор по возрасту. Три кнопки 3–4, 5–6, 7–10 лет вместо списка из 12 занятий: родитель сразу видит свою группу.
  3. Расписание «на сегодня». Три ближайших занятия со свободными местами вместо таблицы на месяц.
  4. Одна главная кнопка. «Записаться на пробное» и обещание перезвонить за 15 минут; телефон в шапке остаётся.
  5. Доверие. Группы до 8 детей, фото после урока, перенос по болезни: ответы на частые вопросы из старой гостевой книги.
  6. Мобильная версия. 70% родителей заходят с телефона: крупный текст, кнопка на всю ширину, ничего не играет само.

Метрики до и после демо

Записи на пробное в месяц12 → 39
Конверсия с телефона0,4% → 2,8%
Звонки «а сколько стоит?»45% → 12%
Загрузка на телефоне5,2 с → 1,3 с

Цифры условные, для примера отчёта после запуска.

Что входит в работу

Аудит старого сайта

Метрика, вебвизор, путь до заявки, скорость: находим, где теряются клиенты.

Прототип и дизайн

Главная и ключевые страницы, десктоп и телефон; согласуем до вёрстки.

Вёрстка и перенос

Контент, услуги, цены переносим; старые адреса ведём 301-редиректами, позиции в поиске не теряются.

Скорость и мобильная версия

Лёгкие картинки WebP, загрузка на телефоне до 2 секунд.

Формы и уведомления

Короткие формы, заявки в мессенджер, на почту или в CRM.

Замер до и после

Цели в Метрике до запуска и отчёт через 1–2 месяца.

← Все примеры