• Редизайн
  • Брендинг
  • UX/UI

Главная сцена

Сайт крупной event-площадки

Роль
UX/UI-дизайнер
Сфера
Event / Entertainment
Главная страница нового сайта

Задачи

  • Редизайн сайта — старый сайт визуально выглядел как «привет из 2018» и перестал внушать доверие на фоне конкурентов. Но важно было именно не переизобрести визуальный язык площадки, а освежить и структурировать его старые графические приёмы и паттерны.
  • Пересобрать существующую структуру страницы формы обратной связи, с целью сократить поток «неподходящих» заявок (по дате, числу гостей, формату).

Единая дизайн-система

На прошлом сайте собирали компоненты по ходу вёрстки. Утвердил цвета, кнопки, статусные баннеры, отрисовал мини набор иконок, инпуты, селекты, календарь и пр.

Шрифт Franker Cyr и стили текста
Кнопки и элементы управления в разных состояниях
Палитра
Статусные баннеры: перенос и отмена
Поля ввода, выпадающие списки и меню выбора в разных состояниях

Пересобрал все страницы сайта

Все страницы собраны заново на новом UI-ките. Афиша на главной сгруппирована по месяцам, у мероприятий появились статусы «Перенос», «Отмена» и «Sold out». Страница «Как добраться» показывает входы на карте и маршруты для метро, такси, каршеринга, личного авто и наземного транспорта.

Главная: слайдер и афиша по месяцам
Страница мероприятия
Страница «Как добраться»

Страница для организаторов

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

Преимущества площадки
Форматы мероприятий
Варианты рассадки
Open air
Схема зала
Проведённые мероприятия

Сегментация лида прямо в форме

Главная проблема — форма старого сайта пыталась одновременно быть лид-формой и брифом.
Сейчас сайт отдельно предусматривает более специализированные сценарии: «Быстрая заявка», «Узнать минимальную стоимость» и «Просто свяжитесь со мной».

Сценарии формы заявки
Расчёт минимальной стоимости мероприятия

Мобильная версия

Все страницы адаптированы под телефон: афиша идёт в одну колонку, меню раскрывается на весь экран, кнопки «Подробнее» и «Билеты» есть в каждой карточке события.

Главная на телефоне
Меню на телефоне
Страница мероприятия на телефоне

Презентация площадки

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

Слайд презентации
Слайд презентации
Слайд презентации
Слайд презентации
Слайд презентации
Слайд презентации
Слайд презентации
Слайд презентации

Другие проекты