История Андрея: 280 тысяч в трубу
Звонок пришёл в декабре 2024 года. Андрей, владелец компании по строительству каркасных домов в Воронежской области, был в отчаянии:
"Ребята, я залил в Яндекс.Директ 280 тысяч за два месяца. Показы есть, клики есть, а звонков — ноль. Я уже думаю закрывать бизнес..."
Мы попросили открыть его сайт. На компьютере всё выглядело прилично: красивые фото домов, цены, контакты. Но когда открыли на телефоне...
Кнопка "Позвонить" была НЕ КЛИКАБЕЛЬНА.
Просто картинка. Текст с номером телефона. Человек тыкал пальцем — ничего не происходило. Приходилось запоминать номер, выходить из браузера, открывать звонилку, набирать вручную.
Угадайте, сколько людей это делали?
Правильно. Ноль.
Яндекс.Метрика показала: 68% трафика шло с телефонов. Люди заходили, смотрели проекты, листали до контактов... и уходили. Потому что позвонить было неудобно.
Одна строчка кода. Один атрибут `href="tel:+79001234567"`. Это стоило Андрею 280 000 рублей и два месяца жизни.
Мы исправили сайт за 2 часа. В первую же неделю пошли звонки. За месяц — 17 тёплых заявок, 5 договоров. Общая выручка — 8 млн рублей.
Эта история — не уникальная. Мы видели десятки сайтов строительных компаний, которые сливают бюджеты из-за "мелочей" в мобильной версии.
Цифры, которые нельзя игнорировать
Мы проанализировали 47 строительных сайтов наших клиентов и вот что обнаружили:
68% лидов приходят с мобильных устройств
Это не наша выдумка. Это средняя цифра по Яндекс.Метрике. Люди ищут строителей вечером на диване или в пробке по дороге домой.
Время принятия решения — 3 секунды
Если сайт грузится дольше или неудобен — человек уходит к конкуренту. У него открыто ещё 5 вкладок.
83% НЕ вернутся на сайт, если он "кривой" на телефоне
Google провели исследование: если сайт неудобен на мобильном, 83% пользователей просто закрывают его и больше не возвращаются.
Мобильные лиды конвертируются на 40% хуже...
...если сайт не адаптирован. Но на 20% ЛУЧШЕ, если адаптирован правильно. Потому что человек уже "в моменте" — он ищет здесь и сейчас.
Вывод простой: если у вас нет нормальной мобильной версии — вы теряете минимум 50-70% потенциальных клиентов.
Что ОБЯЗАТЕЛЬНО должно быть на мобильной версии
Проверьте свой сайт прямо сейчас. Откройте его на телефоне. Вот чек-лист критичных элементов:
1. Кликабельная кнопка звонка
НЕ картинка с номером. НЕ просто текст. А КНОПКА, по которой открывается звонилка телефона. Должна быть видна БЕЗ скролла — в шапке сайта или плавающей внизу экрана.
2. Мессенджеры в один клик
WhatsApp, Telegram. Поколение 30-40 лет (ваши клиенты) не любит звонить. Им проще написать. Дайте эту возможность.
3. Форма заявки НЕ длиннее 3 полей
На телефоне заполнять формы — мука. Оставьте только: Имя, Телефон, Кнопка. Всё остальное узнаете потом.
4. Увеличенные кнопки (минимум 44x44 пикселя)
Apple в своих гайдлайнах указывает: кнопка должна быть не меньше 44x44px, чтобы в неё попал палец. Мелкие кнопки = промахи = раздражение = уход.
5. Читаемый текст (минимум 16px)
Если текст мелкий, человек уйдёт. Заголовки — 20-24px, основной текст — 16-18px.
6. Быстрая загрузка (до 3 секунд)
Если сайт грузится дольше — клиент закроет вкладку. Оптимизируйте картинки, используйте современные форматы (WebP).
7. Удобное меню (гамбургер или нижняя панель)
Не пытайтесь впихнуть десктопное меню на телефон. Используйте классический "бургер" (три полоски) или нижнюю панель с иконками.
5 ошибок, которые убивают конверсию на мобилках
Мы видели сайты, за которые заплатили 300 000 рублей, но они отпугивают 70% мобильных пользователей. Проверьте себя:
· ❌ Ошибка #1: Попапы и всплывающие окнаНа телефоне это ад. Человек пытается закрыть попап, промахивается, случайно кликает на рекламу, бесится, уходит. Если ОЧЕНЬ нужно попап — пусть появляется через 30 секунд, а не сразу. И крестик должен быть БОЛЬШИМ.
· ❌ Ошибка #2: Горизонтальный скроллЕсли контент "вылезает" за край экрана и нужно скроллить вбок — это провал. Всё должно помещаться по ширине экрана.
· ❌ Ошибка #3: Автозапуск видеоЧеловек в метро, звук включен, сайт орёт на весь вагон. Он в ужасе закрывает вкладку. Никогда не включайте автозапуск.
· ❌ Ошибка #4: Мелкие элементы управленияМаленькие галочки, крошечные кнопки "Далее", микроскопические ссылки "Политика конфиденциальности". Палец промахивается, человек нервничает.
· ❌ Ошибка #5: Тяжёлые картинкиФотография дома весом 5 МБ грузится 15 секунд. Клиент уже на сайте конкурента. Сжимайте изображения (используйте TinyPNG, WebP).
Кнопка звонка: как правильно разместить
(самый важный элемент)
Вернёмся к истории Андрея. Его главная ошибка — некликабельная кнопка звонка. Вот как сделать правильно:
Расположение: фиксированная кнопка внизу экрана
Самый удобный вариант — плавающая кнопка, которая всегда видна, даже когда человек листает вниз. Thumb Zone — зона большого пальца. Правый нижний угол — идеальное место.
Цвет: контрастный, яркий
Зелёный (ассоциация с "позвонить"), оранжевый (призыв к действию), красный (срочность). НЕ серый, НЕ белый на белом фоне.
Размер: минимум 50x50 пикселей
Чтобы точно попасть пальцем. Лучше даже 60x60.
Текст на кнопке: "Позвонить" или иконка телефона
НЕ "Связаться", НЕ "Контакты". Человек должен понять за 0.5 секунды, что будет, если он нажмёт.
Техническая реализация: href="tel:+79001234567"
Это заставляет телефон открыть звонилку. БЕЗ этого кнопка — просто картинка.
Пример кода (покажите это своему разработчику):
<a href="tel:+79001234567" class="call-button">
<img src="phone-icon.svg" alt="Позвонить">
Позвонить
</a>
Google PageSpeed: нормы для строительных сайтов
Google PageSpeed Insights — бесплатный инструмент, который показывает, насколько быстр ваш сайт на мобильных. Оценка от 0 до 100.
Что значат цифры:
· 🔴 0-49 (Плохо) — Сайт грузится 5+ секунд. Люди уходят массово.
· 🟡 50-89 (Средне) — Можно работать, но есть проблемы. Теряете 30-40% лидов.
· 🟢 90-100 (Отлично) — Быстро и удобно. Конверсия максимальная.
Реальность для строительных сайтов:
Большинство строительных сайтов показывают 30-50 баллов на мобильных. Почему? Тяжёлые фотографии домов, много рендеров, видео-заставки.
Норма для строительного сайта: 70+ баллов.
Это реально достижимо, если:
· Сжимать изображения (WebP вместо JPG)
· Использовать "ленивую загрузку" (картинки грузятся по мере скролла)
· Не ставить тяжёлые видео-фоны
· Минимизировать CSS и JavaScript
· Использовать CDN (Content Delivery Network)
Проверьте свой сайт прямо сейчас: pagespeed.web.dev — введите адрес своего сайта, нажмите "Анализ".
Кейс: как мобильная оптимизация увеличила заявки на 53%
История Дмитрия (компания "СтройДом48", Липецк)
Дмитрий пришёл к нам весной 2025 года. Компания строила дома из газобетона. Бюджет на рекламу — 150 000 руб/месяц. Сайт был, трафик шёл, но заявок мало.
Что мы обнаружили:
· Мобильная версия грузилась 8 секунд (огромные фото домов)
· Кнопка "Заказать звонок" была в подвале сайта (нужно было скроллить)
· Форма заявки требовала заполнить 7 полей (имя, телефон, email, город, площадь дома, бюджет, комментарий)
· PageSpeed — 28 баллов из 100
· Bounce Rate (процент отказов) на мобильных — 78%
Что сделали:
Оптимизировали изображения
Перевели все фото в формат WebP, сжали с 3-5 МБ до 200-300 КБ. Скорость загрузки упала с 8 до 2.3 секунды.
Добавили фиксированную кнопку звонка
Зелёная кнопка с иконкой телефона, всегда внизу справа. Кликабельная (href="tel:").
Упростили форму до 2 полей
Оставили только "Имя" и "Телефон". Всё остальное — по телефону.
Добавили WhatsApp и Telegram
Плавающие иконки мессенджеров слева внизу.
Бюджет на рекламу остался тем же (150К/мес), но количество заявок выросло на 53%. Стоимость заявки упала с 4 680₽ до 3 060₽.
Дмитрий в первый же месяц закрыл 3 дополнительных договора. Выручка — 4.2 млн. Окупаемость вложений в оптимизацию (45 000₽) — 3 дня.
Чек-лист: проверьте свой сайт прямо сейчас
Откройте свой сайт на телефоне и честно ответьте:
· ✅ Сайт загружается меньше чем за 3 секунды?
· ✅ Кнопка "Позвонить" кликабельна и всегда видна?
· ✅ Есть кнопки WhatsApp/Telegram в один клик?
· ✅ Форма заявки — не больше 3 полей?
· ✅ Текст читается без увеличения (шрифт 16px+)?
· ✅ Все кнопки достаточно большие (минимум 44x44px)?
· ✅ Нет горизонтального скролла?
· ✅ Нет автозапуска видео?
· ✅ Нет агрессивных попапов на первых 5 секундах?
· ✅ Меню удобное (гамбургер или нижняя панель)?
Если меньше 7 галочек из 10 — ваш сайт теряет деньги.
Вывод: мобильная версия — это не роскошь, а выживание
Давайте вернёмся к началу. К истории Андрея, который слил 280 000 рублей из-за одной некликабельной кнопки.
Мораль проста:
В 2026 году мобильная версия — это НЕ дополнительная опция. Это основа. Потому что 68% ваших клиентов придут с телефона.
Вы можете иметь самые качественные дома, лучших прорабов, идеальные цены. Но если человек не может позвонить вам с телефона за 2 секунды — он позвонит конкуренту.
Эпилог: что случилось с Андреем
Помните Андрея с некликабельной кнопкой? Мы исправили его сайт в декабре 2024 года.
К февралю 2025 он закрыл 12 договоров на общую сумму 23 млн рублей. Всё с того же рекламного бюджета в 150К/месяц.
Он позвонил нам через месяц и сказал:
"Я думал, проблема в рекламе. Менял подрядчиков, настройки, креативы. А оказалось — проблема была в одной строчке кода. Теперь я рекомендую всем своим знакомым строителям: сначала проверьте сайт на телефоне. Прежде чем лить бюджеты."
Не будьте как Андрей ДО оптимизации. Будьте как Андрей ПОСЛЕ.
Хотите бесплатный аудит мобильной версии вашего сайта?
Мы в Kodify специализируемся на сайтах для строительных компаний. Знаем все "больные точки" мобильных версий в вашей нише.
Что вы получите:
· Скриншоты вашего сайта на разных телефонах (iOS, Android)
· Отчёт по скорости загрузки (PageSpeed)
· Список критических ошибок с приоритетами
· Смету на исправление (обычно 20-50К)
· Прогноз роста конверсии после оптимизации
→ Переходите на kodifyweb.ru и оставьте заявку
на бесплатный аудит мобильной версии
Мы покажем, сколько денег вы теряете каждый день
из-за неоптимизированного мобильного сайта.
Не повторяйте ошибку Андрея. Проверьте сайт сегодня.
#мобильнаяверсиясайта #строительство #веб разработка #конверсия
#kodify #оптимизациясайта #мобильныйсайт #адаптивнаяверстка