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

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

Ниже пять признаков, по которым устаревание видно объективно. Проверить каждый можно за вечер, без подрядчика и без специальных знаний.

Признак 1. Сайт выглядит как из нулевых

С внешности всё-таки начнём, потому что она работает быстрее остального. Решение «доверять или нет» человек принимает за пару секунд, ещё до того как прочтет первый абзац.

Дизайн устаревает вполне конкретными деталями. Градиентные кнопки с обводкой и тенью. Мелкий текст в 12 пикселей, набранный серым по светло-серому. Слайдер на весь экран, который листает три картинки с надписями «Качество», «Надёжность», «Опыт». Фотографии из стоков десятилетней давности, где улыбающиеся люди в костюмах жмут руки. Иконки в стиле скевоморфизма, с бликами и объёмом.

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

Что проверить: откройте главную и попробуйте посмотреть на неё как человек, который видит вас впервые и выбирает между вами и двумя конкурентами. Понятно ли за пять секунд, чем вы занимаетесь? Возникает ли ощущение, что тут кто-то есть?

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

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

Технически адаптивность может присутствовать. Формально макет перестраивается, ничего не разъезжается. А пользоваться всё равно тяжело.

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

Проверяется все это за десять минут. Возьмите свой телефон, отключите Wi-Fi и пройдите весь путь клиента: от главной до отправленной заявки. Каждое место, где вы запнулись, посетитель прошёл до вас. Только он не запнулся, а закрыл вкладку.

Признак 3. Сайт медленный

Скорость выглядит технической метрикой, но по сути является коммерческой. Человек не думает «загрузка заняла 4,2 секунды». Он думает «что-то тут не работает» и возвращается в выдачу.

Google оценивает удобство страницы по трём показателям, и пороги у них конкретные. Основной контент должен появиться за 2,5 секунды. Отклик на нажатие должен укладываться в 200 миллисекунд. Вёрстка при загрузке не должна прыгать сильнее чем на 0,1 по шкале смещений. Считается это не по вашему компьютеру, а по реальным визитам за 28 дней, по 75-му перцентилю. То есть если у четверти посетителей плохо, показатель уже не проходит.

Типичные причины у старых сайтов повторяются от проекта к проекту. Фотографии по три мегабайта, загруженные прямо с камеры. Десяток сторонних скриптов: две системы аналитики, чат, виджет обратного звонка, пиксель, карта. Тема с набором функций на все случаи жизни, из которых используется два. Хостинг, выбранный когда-то по принципу "самый дешевый".

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

Признак 4. Раздутая структура сайта

Этот признак заметить сложнее всего, потому что владелец знает свой сайт наизусть и не может увидеть его глазами новичка.

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

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

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

Признак 5. Трафик есть, а результата нет

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

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

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

Отдельно стоит посмотреть, что вообще происходит на странице. Записи сеансов в Яндекс Метрике или в Microsoft Clarity показывают то, чего не видно в отчётах: человек трижды тычет в картинку, приняв её за кнопку; докручивает до середины и разворачивается; ищет цену там, где её нет.

Полчаса за записями сеансов дают больше понимания, чем месяц отчётов. Возьмите три ключевые страницы и посмотрите по десять записей на каждой.

Сколько признаков должно совпасть

Один признак это повод для точечной правки. Сжать картинки, переписать заголовок, поправить форму. Редизайн тут ни при чём.

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

Четыре и пять это уже про то, что сайт решает не ту задачу, для которой его когда-то делали. Бизнес изменился, аудитория ушла в телефоны, конкуренты подняли планку, а сайт остался в прежней логике.

Чек-лист на вечер

• Открыть главную глазами незнакомого человека и засечь пять секунд
• Пройти путь до заявки с телефона, на мобильном интернете
• Прогнать две страницы через PageSpeed Insights и посмотреть актуальные данные
• Посчитать пункты меню и найти страницы-сироты
• Дать постороннему задание найти цену и молча посмотреть
• Посмотреть тридцать записей сеансов на трёх ключевых страницах
• Сравнить долю начатых и отправленных форм

С чего начинать редизайн?

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

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

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

Частые вопросы

Сайту три года. Это много? Возраст сам по себе ничего не говорит. Есть проекты, которым семь лет и они в порядке, потому что их аккуратно вели. Есть годовалые, собранные наспех под рекламу. Смотрите на признаки, а не на дату.

Можно ли обойтись косметикой? Если совпал один признак, обычно да. Если четыре, косметика даст ощущение обновления, но цифры останутся прежними.

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

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