Знаете, что общего между дорогим сайтом и красивой вазой? И то, и другое может просто стоять и радовать глаз, не принося никакой пользы. Я выяснил это на собственном кошельке, когда мой "шедевр веб-дизайна" за полмиллиона рублей принес мне целых... три заявки за месяц. Спойлер: две из них были от спам-ботов.
Как я влюбился в картинку и разлюбил деньги
Началось всё прекрасно. Март 2023 года, я сижу в модном коворкинге и листаю портфолио дизайн-студии. Каждый сайт — как обложка глянцевого журнала. Анимации плавные, шрифты изысканные, цвета подобраны так, что хочется плакать от восторга.
"Вот оно!" — подумал я. "Наконец-то мой бизнес по продаже кухонь получит сайт, достойный премии Awwwards!"
Бриф заполнил за 10 минут. На вопрос "Какая главная цель сайта?" гордо написал: "Впечатлить клиентов". Ох, если бы я знал, что впечатлить и продать — это разные вещи...
Через два месяца мне презентовали сайт. Дизайнер с горящими глазами показывал, как логотип превращается в бургер-меню, как фотографии кухонь появляются с эффектом параллакса, как при наведении на кнопку она превращается в... честно, я до сих пор не понял, во что она превращалась, но выглядело круто.
Первая неделя после запуска: 1000 посетителей, 0 заявок.
Вторая неделя: 1500 посетителей, 1 заявка (спросили, делаем ли мы шкафы-купе — не делаем).
Третья неделя: 2000 посетителей, 2 заявки (обе — предложения по SEO-продвижению).
К концу месяца я понял: у меня есть самый красивый сайт в нише. И самый бесполезный.
Ошибка №1 — Дизайн ради дизайна
Когда портфолио дизайнера важнее ваших продаж
Помните фильмы, где богатые люди покупают картины за миллионы и вешают их в закрытые хранилища? Мой сайт был именно такой картиной. Красивой, дорогой и абсолютно бесполезной для бизнеса.
Вот что я обнаружил, когда начал копаться в аналитике:
- Главная страница весила 15 МБ (для сравнения: это как скачать 5 песен в MP3)
- Время загрузки на мобильном интернете — 18 секунд
- 73% посетителей уходили, не дождавшись полной загрузки
Самое смешное? Основной вес давали три вещи:
- Видео-фон с красивой кухней в 4K качестве (8 МБ)
- Слайдер с 20 фотографиями, каждая по 800 КБ
- Анимированные иконки преимуществ в формате Lottie (еще 2 МБ)
Когда я показал эти цифры дизайнеру, он сказал: "Но зато как красиво!" Да, красиво. Красиво терять клиентов.
Что сделали: Убрали видео-фон, оптимизировали картинки, оставили только необходимые анимации. Сайт стал загружаться за 3 секунды. Конверсия выросла в 4 раза. Оказывается, люди предпочитают быстрые сайты красивым. Кто бы мог подумать?
Ошибка №2 — Игнорирование мобильной версии
70% моих клиентов сидели с телефона, а я об этом не знал
Знаете, как дизайнер показывал мне мобильную версию? Открыл на своем MacBook, уменьшил окно браузера и сказал: "Смотрите, адаптивность идеальная!"
Через месяц мне позвонила постоянная клиентка: "Хотела заказать еще одну кухню для загородного дома, но на вашем новом сайте невозможно найти форму заявки с телефона. Пришлось искать ваш номер в старых сообщениях."
Я открыл сайт на своем телефоне. И чуть не заплакал:
- Меню накладывалось на логотип
- Кнопка "Рассчитать стоимость" уезжала за край экрана
- Форма обратной связи требовала зума, чтобы попасть в поля
- Номер телефона был картинкой (привет, его нельзя было нажать и позвонить)
Но самый эпичный фейл ждал меня в каталоге. На десктопе красивая плитка 3×3 превращалась на мобильном в... правильно, в плитку 3×3, только микроскопическую. Чтобы рассмотреть кухню, нужно было зумить, как будто изучаешь карту сокровищ.
Статистика, которая добила: По данным Яндекс.Метрики, 72% трафика приходило с мобильных устройств. Средняя продолжительность сеанса с телефона — 23 секунды. С компьютера — 3 минуты 40 секунд.
Решение оказалось болезненным: Пришлось переделывать всю мобильную версию с нуля. Дизайнер сопротивлялся: "Но это же испортит концепцию!" Я ответил: "Знаешь, что еще портит концепцию? Отсутствие продаж."
Результат: после запуска нормальной мобильной версии количество заявок с телефонов выросло на 340%. Оказывается, люди готовы покупать кухни с телефона. Просто дайте им эту возможность.
Ошибка №3 — Отсутствие понятного УТП
Посетитель должен за 3 секунды понять, чем вы занимаетесь
Провел эксперимент. Показал главную страницу сайта десяти знакомым. Задал один вопрос: "Чем занимается эта компания?"
Ответы:
- "Дизайн интерьеров?"
- "Продажа мебели?"
- "Что-то про красивую жизнь"
- "Архитектурное бюро?"
- "Не понял, но красиво"
И только один догадался про кухни. И то потому, что увидел мелкую надпись в футере.
На главной странице красовался слоган: "Превращаем пространство в искусство". Звучит красиво? Да. Понятно, что мы делаем кухни на заказ? Нет.
Вместо четкого предложения у нас было:
- Философское высказывание о гармонии пространства
- Абстрактные преимущества типа "индивидуальный подход"
- Красивые фото без подписей
- Кнопка "Узнать больше" (больше о чем?!)
И вот тут я наконец понял, как устроен веб-дизайн, который помогает продавать — он начинается не с красивых картинок, а с понятного ответа на вопрос "Что вы предлагаете и кому это нужно?"
Новая формула главного экрана:
- Заголовок: "Кухни на заказ в Москве за 21 день"
- Подзаголовок: "От замера до установки. Гарантия 5 лет"
- Кнопка: "Рассчитать стоимость вашей кухни"
- Три ключевых преимущества с цифрами
Скучно? Может быть. Работает? Еще как! Конверсия выросла на 280%.
Ошибка №4 — Сложная навигация
Ваш клиент — не детектив, чтобы искать кнопку "Купить"
История, после которой я начал пить успокоительное. Звонит клиент: "Я час ищу на вашем сайте, как посмотреть ваши работы. Где это?"
Я: "В разделе 'Портфолио'!"
Клиент: "Где этот раздел?"
Я: "В меню!"
Клиент: "Я вижу только три точки..."
Я: "Это и есть меню! Нажмите на них!"
Клиент: "Нажал. Появилось что-то непонятное..."
Я: "Это креативное меню! Крутите колесиком мыши!"
Клиент: "Я с телефона..."
В общем, человек так и не нашел портфолио. Зато нашел сайт конкурентов, где была простая кнопка "Наши работы" прямо в шапке.
Что было не так с навигацией:
- Меню спрятано за тремя точками (дизайнер назвал это "минимализм")
- Названия разделов креативные: вместо "Цены" — "Инвестиции", вместо "Контакты" — "Начать диалог"
- Чтобы попасть в каталог кухонь, нужно было пройти квест: Меню → Наши решения → Кухонные пространства → Коллекции
- Кнопка заказа звонка появлялась только после скролла на 50% страницы
Тест на бабушке (да, я реально попросил свою бабушку найти на сайте, как заказать кухню):
- Время поиска: 12 минут
- Количество кликов: 27
- Количество возвратов на главную: 8
- Финал: "Внучек, давай я лучше тебе позвоню"
Новая навигация — скучная, но рабочая:
- Главная | Кухни | Цены | Наши работы | Отзывы | Контакты
- Кнопка "Заказать звонок" видна всегда
- Телефон в шапке (кликабельный!)
- Максимум 2 клика до любой важной информации
Результат: среднее время на сайте выросло с 1:23 до 4:47. Люди наконец-то начали находить то, что искали.
Ошибка №5 — Нет социальных доказательств
Люди не верят красивым картинкам, они верят другим людям
На старом сайте был раздел "Отзывы". Знаете, что там было? Три отзыва в стиле:
"Компания супер! Всем рекомендую!" — Мария
"Отличная работа!" — Сергей
"Спасибо за кухню!" — Елена
Без фамилий, без фото, без деталей. Я бы сам не поверил таким отзывам. И клиенты не верили.
Эксперимент с двумя лендингами:
Сделали А/Б тест. Один лендинг с красивыми рендерами кухонь, второй — с реальными фото и подробными отзывами. Угадайте, какой победил?
Лендинг А (красивые рендеры):
- 1000 показов
- 12 заявок
- Конверсия 1,2%
Лендинг Б (реальные работы + отзывы):
- 1000 показов
- 38 заявок
- Конверсия 3,8%
Что добавили в раздел отзывов:
- Видео-отзывы реальных клиентов (люди любят смотреть на чужие кухни)
- Фото "до/после" с указанием сроков и бюджета
- Сканы благодарственных писем от корпоративных клиентов
- Ссылки на отзывы в Яндекс.Картах и 2ГИС
- Кейсы с подробным описанием: задача → решение → результат
Самый мощный элемент доверия оказался неожиданным — счетчик "Сейчас 12 человек смотрят эту кухню". Простой скрипт, но конверсия выросла еще на 15%. Люди думают: "Если другие смотрят, значит, стоящая вещь".
Что делать, если у вас уже есть красивый, но не продающий сайт
План спасения за 5 шагов
Шаг 1. Проведите аудит через Яндекс.Метрику
Не просто установите счетчик, а настройте:
- Вебвизор (увидите, как люди тыкают в некликабельные элементы)
- Карты кликов (покажут, куда НЕ кликают на кнопки)
- Целевые действия (звонки, заявки, добавление в корзину)
У меня был шок, когда я увидел, что 40% людей кликали на некликабельный номер телефона в шапке. Они хотели позвонить, а мы им эту возможность не дали!
Шаг 2. Опросите 10 клиентов
Но не абстрактно "Как вам сайт?", а конкретно:
- Что вы искали на сайте?
- Нашли ли быстро?
- Что мешало сделать заказ?
- Какой информации не хватило?
Один клиент сказал фразу, которая стоила всех денег: "Я не нашел цены и подумал, что у вас очень дорого". А цены у нас были! Просто в разделе "Инвестиции в ваш комфорт". Фейспалм.
Шаг 3. Упростите главную страницу
Правило, которое спасло мой бизнес: на главной должно быть только то, что ведет к продаже.
Убрали:
- Философию компании
- Историю основания
- Награды 2018 года
- Слайдер с 20 фото
Добавили:
- Калькулятор расчета стоимости
- 5 самых популярных проектов с ценами
- Кнопку "Получить каталог на WhatsApp"
- Таймер акции (да, банально, но +20% к конверсии)
Шаг 4. Добавьте четкие CTA
CTA — это не "Узнать больше" или "Подробнее". Это четкие призывы:
- "Рассчитать стоимость кухни"
- "Получить 3 варианта планировки"
- "Записаться на замер"
- "Скачать каталог с ценами"
И главное — эти кнопки должны быть ВЕЗДЕ. После каждого логического блока. Людям лень скроллить в поисках формы.
Шаг 5. Тестируйте каждое изменение
Не меняйте все сразу! Я сделал эту ошибку и потом не понимал, что именно дало результат.
Правильная схема:
- Неделя 1: меняем только заголовок
- Неделя 2: добавляем калькулятор
- Неделя 3: упрощаем меню
- И так далее...
Записывайте результаты. У меня есть табличка, где я фиксирую каждое изменение и его влияние на конверсию. Некоторые "улучшения" приходилось откатывать.
Уродливый сайт, который продает, лучше красивого, который не приносит денег
Знаете, что самое забавное? После всех переделок мой сайт перестал быть "вау-каким-красивым". Дизайнер даже убрал его из портфолио. Зато теперь он приносит 40-50 заявок в месяц вместо трех.
Да, больше никто не присылает скриншоты с восхищением "Какой у вас крутой сайт!" Зато присылают заявки с текстом "Хочу такую же кухню, как на фото №3".
И знаете что? Меня это полностью устраивает. Потому что бизнес — это не конкурс красоты. Это машина по зарабатыванию денег. И если ваш красивый сайт не приносит деньги — это не сайт, а дорогая заставка.
А теперь вопрос к вам, дорогие читатели
У вас был опыт с красивыми, но бесполезными сайтами? Или вы из тех счастливчиков, у кого с первого раза получилось совместить красоту и продажи?
Может, вы до сих пор верите, что достаточно сделать "вау-дизайн" и клиенты сами прибегут с деньгами? (Спойлер: не прибегут, проверено на себе)
Делитесь в комментариях своими историями провалов и успехов. Особенно интересно услышать от тех, кто смог исправить красивую, но непродающую витрину. Какие решения помогли именно вам?
P.S. Если ваш дизайнер говорит фразу "Это испортит концепцию" чаще, чем "Это увеличит конверсию" — бегите от него. Серьезно, бегите.