Дизайн — статьи о сайтах
Сайт концертного зала работает в особом режиме: трафик приходит волнами перед анонсами и открытием продаж, а решение о визите часто принимается с телефона за пару минут. Поэтому вопрос «пора ли менять дизайн» лучше решать не по ощущению «выглядит старо», а по тому, как сайт справляется с конкретными задачами зрителя.
Редизайн или точечные правки: с чего начать диагноз
Сначала выпишите пять–семь типовых задач посетителя: узнать, что идёт в нужную дату; выбрать концерт; понять, где сидеть и сколько это стоит; купить билет; выяснить, как добраться и что взять с собой; найти информацию о доступной среде. Затем пройдите каждый сценарий сами, лучше с телефона и без подсказок. Если сбои единичные (битая ссылка, неудачный баннер), хватит правок. Если сценарий ломается на уровне структуры, нужен редизайн в широком смысле: пересмотр страниц, навигации и способа вести контент.
Афиша: самый частый источник проблем
Афиша — главная страница сайта по сути, даже если формально главная другая. Тревожные признаки: нет фильтра по дате и жанру; прошедшие события висят среди будущих; карточки отличаются по формату, потому что каждый раз их собирают вручную; название, время и площадка (если их несколько) видны только внутри картинки-афиши. Текст на изображении не читается на маленьком экране и недоступен для чтения программами экранного доступа. Если сотрудники при каждом анонсе «подгоняют» вёрстку, это признак того, что у афиши нет устойчивой структуры.
Страница события: условный пример
Представим страницу «Вечер органной музыки» в вымышленном зале. Слабый вариант: крупная афиша, под ней абзац программы без деления, кнопка «Подробнее» и в самом низу ссылка «Купить», которая открывает главную страницу билетного сервиса, а не нужный концерт. Зритель вынужден заново искать событие.
Рабочий вариант строится иначе. В верхней части экрана: название, дата, время начала, зал, возрастная отметка и кнопка «Купить билет», ведущая сразу на выбор мест именно этого события. Ниже отдельными блоками: программа с произведениями и исполнителями, продолжительность и наличие антракта, схема зала с ценовыми зонами, правила входа и опоздания, как добраться. Если билетов нет или продажа не началась, кнопка меняется на понятное состояние: «Продажа откроется…» или «Билетов нет», а не просто исчезает.
Путь к билету: где посетитель теряется
Проверьте, что происходит после нажатия «Купить». Частые проблемы: переход на сторонний сервис, визуально не связанный с сайтом, из-за чего человек сомневается, туда ли попал; потеря выбранной даты; виджет, который плохо работает на телефоне; отсутствие объяснения, что делать, если оплата не прошла. Не всегда это решается дизайном: иногда нужна другая интеграция с билетной системой. Но именно на этапе редизайна стоит прямо обсудить с подрядчиком и поставщиком билетной системы, какие сценарии можно настроить, а какие нет.
Телефон, вечер, дорога: как смотрят сайт зала
Типичная ситуация: человек стоит у входа в метро или едет в такси и ищет адрес, время начала и место, где оставить вещи. Проверьте на смартфоне: открывается ли адрес в картах одним нажатием, есть ли описание входа и парковки, читаются ли шрифты без увеличения, не перекрывают ли экран всплывающие окна и баннеры. Отдельно посмотрите страницу о доступной среде: она должна содержать конкретные сведения (вход, лифт, места для колясок, порядок сопровождения), а не общую фразу.
Когда проблема не в дизайне, а в управлении сайтом
Если добавление концерта требует разработчика, а сезонную афишу вносят по несколько часов, внешний редизайн проблему не решит. Нужна система управления, где у события есть обязательные поля (дата, площадка, исполнители, возраст, ссылка на продажу), шаблоны страниц и проверка перед публикацией. Тогда сайт можно вести силами сотрудников, а карточки событий выглядят единообразно.
Проверочный список для владельца
- С телефона можно найти концерт на выбранную дату не более чем за три действия.
- Название, дата и время есть в тексте страницы, а не только в картинке.
- Кнопка покупки ведёт на конкретное событие и корректно меняется, когда билетов нет.
- Прошедшие концерты не смешиваются с актуальными.
- На странице события есть программа, длительность, возрастная отметка и правила входа.
- Схема зала читается на маленьком экране и связана с ценовыми зонами.
- Информация о проезде, парковке и доступной среде конкретна и актуальна.
- Сотрудник без навыков вёрстки может опубликовать анонс по шаблону.
Если не выполняются три–четыре пункта, особенно связанные с афишей и покупкой, имеет смысл готовить редизайн. Начните с описания сценариев и структуры страниц, а визуальный стиль определяйте после этого.
