Есть фестивали, которые не нуждаются в рекламе. Суздальский «Праздник огурца» из таких: двадцать четвёртый год подряд, больше пятнадцати тысяч гостей за день, в этом году впервые два дня. Билеты разойдутся при любом качестве сайта. Но...
Именно поэтому такие лендинги интересно разбирать. Когда трафик приходит сам, никто не считает потери. А они есть, и их видно с линейкой в руках.
Я внимательно изучил официальный лендинг праздника: vladmuseum.ru/ru/prazdnikogurca. Ниже разбор по принципу «что не так и почему так делать не надо». Это не наезд на музей или сам фестиваль. Это разбор типовых ошибок, которые, на самом деле, повторяются на сотнях афишных лендингов.
1. Белый текст поверх фотографии без подложки
Первый экран: танцующая толпа, летнее небо, белые платья. Поверх всего этого белым набрано «XXIV ПРАЗДНИК ОГУРЦА», а ниже белым же «КОГДА», «ГДЕ», даты и адрес.
Верх фотографии притемнён полупрозрачным оверлеем. Низ нет. И вся содержательная информация, ради которой человек и открыл страницу, попала аккурат в непритемнённую зону. Читается это, скажем прямо, с трудом и усилием.
Почему так не надо. Фотография это переменная. Сегодня там небо, завтра дизайнер поменяет кадр на закатный, и текст поедет в другую сторону. Единственный надёжный способ это не «подобрать фото потемнее», а положить под текст градиент или плашку. Тогда читаемость гарантирована для любого кадра.
Правило: белый текст на фото живёт только на управляемой подложке. Проверять надо не на дизайнерском мониторе в помещении, а на среднебюджетном смартфоне, желательно при ярком солнце.
2. «04 ДНИ» и другие приключения склонения
На первом экране крутится счётчик до начала фестиваля. В момент, когда я изучал лендинг, он показывал:
04 ДНИ 18 ЧАСЫ 55 МИНУТЫ 19 СЕКУНДЫ
Правильно: 4 дня, 18 часов, 55 минут, 19 секунд. Подписи намертво зашиты в код в именительном падеже множественного числа и не меняются от числа вообще никогда. Русский язык требует трёх форм (день, дня, дней), и функция склонения пишется за десять минут.
Отдельно про ведущий ноль. «04» вместо «4» выглядит как таймер бомбы, а не как приглашение на праздник. Обратный отсчёт с ведущими нулями это язык триллеров и запусков ракет. Для праздника все же нужен несколько иной тон приглашения, как мне кажется.
Почему так не надо. Это первое, что видит человек на странице. Грамматическая ошибка в первых пикселях создаёт ощущение, что дальше тоже будет сделано «на отвяжись». И, к сожалению, дальше действительно так.
Там же рядом ещё один артефакт: строка «2026 ГОДА» разорвана, последняя буква «А» набрана другим начертанием и висит отдельно. Классический след слепой редакторской правки в визуальном конструкторе (в случае ВСМЗ всё слеплено на «Битриксе»).
3. Цены нет. Вообще нигде
На странице есть четыре кнопки покупки. Ни у одной нет цены. Чтобы узнать, сколько стоит вход, нужно уйти на внешний сервис, там выбрать день, категорию, дождаться загрузки и увидеть сумму.
Почему так не надо. Цена это второй по важности вопрос после даты. Человек, который её не нашёл, не идёт искать дальше, он закрывает вкладку и спрашивает в комментариях под постом в соцсети или просто уходит в поисковик, где гораздо легче находит, например, перекупщиков и спекулянтов (они умеют в SEO куда лучше государственных музеев). Отсутствие цены на афишном лендинге почти всегда объясняется одним из двух: либо цену не согласовали к моменту публикации и забыли вернуться, либо боятся отпугнуть. Оба объяснения плохие.
Правило: цена на первом экране или в блоке билетов, крупно, с указанием, что входит.
4. Пятнадцать тысяч человек и ни слова о том, как доехать
Фестиваль проходит в Музее деревянного зодчества в Суздале. Суздаль это город без железной дороги, куда едут на машинах и автобусах. Пятнадцать тысяч гостей за день это транспортный коллапс районного масштаба.
На лендинге нет ни карты, ни схемы парковок, ни информации о трансфере, ни пешего маршрута от центра. Адрес упомянут ровно один раз, в подвале, обычным текстом: «Владимирская область, г. Суздаль, ул. Пушкарская, Музей деревянного зодчества». Без номера дома и без ссылки на карты.
Почему так не надо. Логистика это не приятное дополнение, это часть решения «ехать или не ехать». Семья из Москвы прикидывает: четыре часа туда, где встать, как выйти. Если сайт на эти вопросы не отвечает, отвечает первый попавшийся форум, и там ответы будут прошлогодние.
Ирония в том, что специальным партнёром праздника указана сеть трасс «Автодор». То есть партнёр по дорогам есть, а раздела про дорогу нет.
5. Четыре одинаковые кнопки
Блок билетов выглядит так: слева высокая фотография ростовой куклы-огурца, справа четыре зелёные кнопки одинаковой ширины, цвета и веса.
- КУПИТЬ БИЛЕТ
- КУПИТЬ БИЛЕТ ПО ПУШКИНСКОЙ КАРТЕ
- ЛЬГОТНЫЙ БИЛЕТ НА 1.08
- ЛЬГОТНЫЙ БИЛЕТ НА 2.08
Первая ведёт на Яндекс Афишу, три остальные на собственную билетную систему музея. Об этом нигде не сказано. Непонятно, билет на один день или на оба, чем полный отличается от льготного, почему у льготного есть разбивка по дням, а у полного нет.
Под кнопками около 450 пикселей белой пустоты, потому что фотография слева высокая, а кнопки короткие. То есть места достаточно, но оно никак не используется.
Почему так не надо. Четыре равнозначные кнопки это про отсутствие выбора, а не про его свободу. Когда все варианты выглядят одинаково, пользователь вынужден тыкать и сравнивать вместо того, чтобы посмотреть и нажать на подходящий ему вариант. Плюс переход на два разных домена подряд разрушает доверие: человек не понимает, где он покупает и куда придёт билет.
Как надо: таблица. Строка на категорию, колонки на дни, цена в каждой ячейке, одна главная кнопка. Пустота справа заполнится сама собой.
6. Бегущая строка, которую нельзя ни прочитать, ни остановить
Между первым экраном и блоком «о фестивале» проходит жёлтая лента с бегущим текстом. Сочетание цвета фона, текста и контраст между ними - вырвиглазное.
Плюс к этому:
- текст обрезан по краям окна на полуслове, при первом взгляде читается, например, «...АЛЕ!»
- содержание дублирует то, что уже написано выше (даты и место)
- анимация бесконечная и без кнопки паузы
Почему так не надо. Бегущая строка это элемент, который отнимает внимание принудительно. Если она отнимает внимание ради информации, которая уже есть на экране, то она отнимает его впустую. А для людей с расстройствами внимания и вестибулярными нарушениями непрерывное движение это физический дискомфорт.
Если и делать бегущую строку в данном случае, туда просится то, чего на странице нет: цена и часы работы. Ну и дизайн должен быть не столь травмирующим посетительский взор.
7. Единственную кликабельную карточку выкрасили в самый нечитаемый цвет
В блоке «Локации праздника» восемь карточек. Семь из них информационные, а восьмая, «Специальные проекты от партнёров», ведёт на отдельную страницу.
Как об этом узнать? Только по цвету заголовка. У семи карточек заголовок тёмно-синий с высоким контрастом к фону. У восьмой заголовок салатовый, контраст на уровне плинтуса.
То есть признак интерактивности передан цветом, который читается хуже всех остальных на странице, и больше ничем: ни стрелки, ни подчёркивания, ни подписи «подробнее».
Почему так не надо. Цвет никогда не должен быть единственным носителем смысла. Это базовое требование доступности, и оно существует не только ради людей с дальтонизмом. Оно существует ради всех, кто смотрит на экран под углом, на солнце или мельком.
8. Тринадцать артистов на два экрана прокрутки
Музыкальная программа сверстана как сетка в две колонки с очень широким вертикальным шагом между рядами. Тринадцать имён растянуты на два полных экрана. Правая треть страницы при этом снова пустая. Владимирских и суздальских исполнителей нет, доминирует столица нашей Родины (но сейчас не об этом).
Дальше хуже:
- Время указано у трёх выступлений из тринадцати. У десяти его нет.
- Порядок не хронологический. В программе 1 августа диджей-сет с меткой 20:00-21:00 стоит выше, чем специальный гость с меткой 19:00-20:00. Это хорошо видно на мобильной вёрстке.
- Регистр плавает. 1 августа «СПЕЦИАЛЬНЫЙ ГОСТЬ ВЛАДА MIRAVI» капсом, 2 августа «Специальный гость GUMA» строчными.
Почему так не надо. Расписание существует ради одной задачи: спланировать день. Расписание без времени это просто список имён. А список имён в обратном хронологическом порядке это ещё и ловушка: человек прочитает сверху вниз и решит, что диджей играет раньше специального гостя.
Обычный таймлайн (колонка времени слева, имя и город справа, короткий шаг строки, порядок по часам) уберёт два экрана прокрутки и сделает блок пригодным для использования посетителями сайта, а не только для галочки в отчёте.
9. Партнёры без ссылок
Внизу страницы стена логотипов: генеральный партнёр, партнёры, информационные партнёры, специальный партнёр. Крупные бренды, федеральные медиа.
Ни один логотип не кликабелен.
В разметке у каждого стоит слот ссылки с флагом «отключёно». Из 66 таких слотов на странице отключены 65. То есть механизм ссылок есть, он предусмотрен конструктором, но им ни разу не воспользовались.
Почему так не надо. Размещение логотипа со ссылкой обычно прописано в партнёрском договоре. Это не дизайнерская придирка, это невыполненное обязательство, помноженное на количество партнёров.
Рядом ещё одна нестыковка: сеть трасс «Автодор» указана текстовой строкой без логотипа. Единственный, кого назвали специальным партнёром, получил меньше всех видимости.
10. Позвонить одним касанием нельзя
В подвале указан телефон 8 800 и два адреса почты. Ни один из них не кликабелен: в коде нет ни одного tel: и ни одного mailto:. Всё набрано обычным текстом в одном абзаце с переносами строк.
Иконка ВКонтакте там же тоже не ссылка. У неё href: "#" и уже знакомый enabled:false. Визуально это кнопка соцсети, функционально лишь декорация.
И со страницы вообще нельзя попасть на сайт музея. Ни в шапке, ни в подвале нет ссылки на vladmuseum.ru. Лендинг это тупик: человек, который приехал по рекламе фестиваля и захотел посмотреть, что ещё есть в Суздале, упирается в глухую стену.
Почему так не надо. Мобильный трафик у афишных страниц обычно за семьдесят процентов. Некликабельный телефон на мобильном это отдельная маленькая пытка: выделить, скопировать, переключиться в звонилку, вставить. Половина сдастся на втором шаге. Ещё треть даже не станет делать первый.
Тег tel: пишется за минуту. Ссылка на сайт музея ставится за две.
11. Девять мегабайт фотографий и двадцать четыре мегабайта видео
Теперь про вес, потому что он бьёт по дизайну сильнее, чем любая ошибка в цветах и отступах.
Если взвесить все изображения со страницы, получится около 9 МБ, из которых десять файлов весят от 650 КБ до 1 МБ каждый. Это фотографии, сохранённые в формате PNG.
PNG предназначен для графики с плоскими заливками: иконок, логотипов, скриншотов интерфейсов. Для фотографии он даёт сильный перерасход. При использовании правильного WebP или хотя бы JPEG экономия составила бы от 80 до 90 процентов без видимой глазу разницы. Вся страница похудела бы с 9 МБ примерно до 1 МБ.
Отдельная история с видео. Ролик cuc_clip.mp4 весит 24.4 МБ и подключён через <iframe> с прямой ссылкой на файл, с разрешением autoplay, жёстко заданными размерами 1110 на 624 и без постера. Это не встраивание видео, это костыль: браузер открывает в рамке свой встроенный плеер.
Почему так не надо. А теперь представьте контекст. Суздаль, первое августа, пятнадцать тысяч человек на одном поле. Сотовая сеть ложится к полудню. Это если она вообще работает на передачу данных в условиях постоянного отключения мобильного интернета. И именно в этот момент люди начинают открывать сайт, чтобы посмотреть, когда играет специальный гость и где тут засолочная изба.
Страница с таким весом в такой ситуации просто не загрузится.
12. Доступность: два системных промаха
Зум заблокирован. Пользователь физически не может увеличить страницу пальцами. Это реальная проблема для гостей старшего возраста, которые захотят разглядеть расписание. Запрет зума в 2026 году не имеет ни одного оправдания: он появился в эпоху, когда мобильные браузеры плохо справлялись с адаптивной вёрсткой, и с тех пор просто копируется из шаблона в шаблон.
Ноль alt на шестьдесят изображений. Не мало, не частично. Ровно ноль из шестидесяти. Афиша, локации, логотипы партнёров, всё немое для скринридера и для поиска по картинкам.
13. Мелочи, которые складываются в впечатление
- «@ 2026» в копирайте вместо «© 2026»
- «игровая площадка "Игорница" для детей и взрослых» (пропущен пробел)
- «Льготы на приобретение входных билетов предоставляется»
- кавычки то ёлочками («Полынь Folk»), то прямыми ("Игорница", "Акила огуречник")
- разное написание кнопок-близнецов: покупка билетов окрашена в один цвет, «Правила посещения» в другой
- стрелки аккордеона в FAQ: у раскрытого пункта шеврон вниз, у свёрнутых вправо
- кнопка «наверх» в левом нижнем углу вместо правого, наезжает на контент
- стрелки фотогалереи наполовину уходят за границу окна
- title страницы это просто «Праздник Огурца», без города и года
- превью для соцсетей 520 на 309 при рекомендованных 1200 на 630
- нет микроразметки
schema.org/Event, поэтому событие не попадает в блоки афиш поисковиков - бургер-меню на мобильных открывает единственный пустой пункт со ссылкой на «#»
Каждый пункт по отдельности мелочь. Вместе они дают ощущение страницы, которую собрали за вечер чтобы отправить ссылку начальнику и больше не открывали.
Час работы, который изменил бы всё
Если бы у меня был один час на этот лендинг, я бы сделал ровно шесть вещей:
- Включить ссылки на логотипах партнёров. Договорной риск, снимается за полчаса.
- Проставить
tel:иmailto:на контактах. Пять минут. - Поставить ссылку на сайт музея в подвале. Две минуты.
- Убрать
user-scalable=noиз метатега. Десять секунд. - Положить градиентную подложку под текст первого экрана, поправить таймер обратного отсчёта и затемнить кнопку. Двадцать минут.
- Дописать цену в блок билетов. Столько, сколько займёт согласование.
Ни один из этих пунктов не требует переверстки, дизайнера или согласования макета. И вместе они закрывают большую часть того, из-за чего люди уходят со страницы, не купив билет.
Ещё пара часов на шлифовку - и вот уже мы имеем совсем другой результат.
Мораль
Типовая ошибка афишных лендингов выглядит так: команда вкладывается в атмосферу и забывает про информацию. Огуречная текстура на фоне, ростовая кукла, бегущая строка, обратный отсчёт. Всё это на месте. А цены нет, как доехать непонятно, партнёрам не проставили ссылки, позвонить одним касанием нельзя, и весит страница как небольшой фильм.
Проверить это можно за пятнадцать минут без специальных инструментов. Откройте свою страницу на телефоне, отключите Wi-Fi, встаньте к окну на солнце и попробуйте ответить на четыре вопроса: когда, где, сколько и как доехать. Если хотя бы на один вопрос ответа нет, дизайн можно пока вообще не обсуждать.