ФотоФест — дизайн и вёрстка лендинга

Задача: разработать дизайн и сверстать лендинг для «ФотоФеста» — фестиваля для фотографов.

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

Решение:

• дизайн лендинга в фирменном стиле;

• вёрстка в zero-code на Tilda;

• настройка формы для сбора контактов и реализация покупки билетов.

Целевая аудитория — фотографы и все, кто близок к теме различных фестивалей, ивентов и подобных мероприятий. Язык простой и доступный.

Цель страницы — собрать заявки на участие, рассказать про ФотоФест. Повысить узнаваемость фестиваля и закрепить бренд, рассказать про сам ивент, кто будет выступать, дать программу мероприятия, сказать про билеты и закрыть возможные вопросы.

Лендинг

Структуру лендинга сделали классическую для мероприятий.  На первом экране — баннер с анимацией спикеров, рядом — визуальный акцент на название мероприятия за счёт большого размера шрифта и на СТА-кнопке за счёт цвета.

Первым СТА поставили «Регистрация», потому что главной целью лендинга было собрать контакты всех, кто хочет прийти на мероприятие. Основной оффер регистрации — фиксирование стоимости билета. То есть, клиенты могут «взять время на подумать», но если оставили свои контакты как можно раньше, смогут приобрести билеты по старой цене.

Второй экран полностью отведён спикерам. Это популярные свадебные, фэшн-фотографы и профи в ивент-индустрии, имена которых «говорят сами за себя». Поэтому мы остановились на карточках с крупной фотографией и ссылками на Инстаграм.

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

Подчеркнули тематику фестиваля копирайтингом в заголовках. Например, блок с преимуществами обозначили как «В фокусе» — с отсылкой к ремеслу фотографа. В остальном же, это классические бенефиты и УТП — зачем идти на ФотоФест.

Блок с расписанием — важная история для всех мероприятий. Хоть в онлайне, хоть в офлайне. Представили его вертикальным таймлайном с указанием времени выступлений спикеров и их тем. 

Не могли обойтись без отдельного блока про Руслана — человека, который придумал и организовал ФотоФест.

После — очередной акцентный блок с СТА на регистрацию и оффером «Закрепи за собой цену».

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

Мероприятие проходит впервые, поэтому блок FAQ — обязательный. В целом, мы не рекомендуем опускать его никогда, чтобы сразу ответить на все возможные и часто повторяющиеся вопросы потенциальных участников. 

Финалим всё бегущей строкой и подвалом. 

Страница билетов

В верхнем меню лендинга — отдельная кнопка для перехода на страницу с билетами. Сделали её второй по акцентности, потому что главной целью на этапе запуска было собрать контакты. 

Также на страницу можно попасть из основного билетного блока. Дизайн повторяет блок на лендинге — в нём также сделан акцент на самый выгодный вариант билета. Также мы открыто говорим о том, что стоимость скоро повысится. Подзаголовок меняем в зависимости от графика роста цены билетов.

Также добавили ещё одну форму для сбора контактов — анкету для участия в розыгрыше, который будет проводится на самом фестивале.

Итог

Посмотрите, как выглядит рабочий вариант сайта для «ФотоФеста».

И, если вы читаете этот кейс до 4 апреля и хотите побывать на первом настолько масштабном мероприятии для фотографов, у нас есть сюрприз: скидка 10% по промокоду MAILFIT на все категории билетов ?