ФотоФест — дизайн и вёрстка лендинга
Задача: разработать дизайн и сверстать лендинг для «ФотоФеста» — фестиваля для фотографов.
Цель: рассказать о мероприятии, собрать контакты на регистрацию и настроить продажу билетов.
Решение:
- дизайн лендинга в фирменном стиле;
- вёрстка в zero-code на Tilda;
- настройка формы для сбора контактов и реализация покупки билетов.
Целевая аудитория — фотографы и все, кто близок к теме различных фестивалей, ивентов и подобных мероприятий. Язык простой и доступный.
Цель страницы — собрать заявки на участие, рассказать про ФотоФест. Повысить узнаваемость фестиваля и закрепить бренд, рассказать про сам ивент, кто будет выступать, дать программу мероприятия, сказать про билеты и закрыть возможные вопросы.
Лендинг
Структуру лендинга сделали классическую для мероприятий. На первом экране — баннер с анимацией спикеров, рядом — визуальный акцент на название мероприятия за счёт большого размера шрифта и на СТА-кнопке за счёт цвета.
![](https://mailfit.com/wp-content/uploads/2022/02/group-2949.png)
Первым СТА поставили «Регистрация», потому что главной целью лендинга было собрать контакты всех, кто хочет прийти на мероприятие. Основной оффер регистрации — фиксирование стоимости билета. То есть, клиенты могут «взять время на подумать», но если оставили свои контакты как можно раньше, смогут приобрести билеты по старой цене.
![](https://mailfit.com/wp-content/uploads/2022/02/image-10-1.png)
Второй экран полностью отведён спикерам. Это популярные свадебные, фэшн-фотографы и профи в ивент-индустрии, имена которых «говорят сами за себя». Поэтому мы остановились на карточках с крупной фотографией и ссылками на Инстаграм.
Для карточек сделали ховер с жёлтым фоном, чтобы придать блоку динамики.
![](https://mailfit.com/wp-content/uploads/2022/02/snimok-ekrana-2022-01-31-v-18.52-2-1.png)
Подчеркнули тематику фестиваля копирайтингом в заголовках. Например, блок с преимуществами обозначили как «В фокусе» — с отсылкой к ремеслу фотографа. В остальном же, это классические бенефиты и УТП — зачем идти на ФотоФест.
![](https://mailfit.com/wp-content/uploads/2022/02/snimok-ekrana-2022-01-31-v-18.55-2.png)
Блок с расписанием — важная история для всех мероприятий. Хоть в онлайне, хоть в офлайне. Представили его вертикальным таймлайном с указанием времени выступлений спикеров и их тем.
![](https://mailfit.com/wp-content/uploads/2022/02/slice-1-2.png)
Не могли обойтись без отдельного блока про Руслана — человека, который придумал и организовал ФотоФест.
![](https://mailfit.com/wp-content/uploads/2022/02/image-11.png)
После — очередной акцентный блок с СТА на регистрацию и оффером «Закрепи за собой цену».
![](https://mailfit.com/wp-content/uploads/2022/02/image-11-6.png)
Предусмотрели блок с партнёрами, который будет расширяться при добавлении новых компаний.
![](https://mailfit.com/wp-content/uploads/2022/02/image-11-2.png)
Мероприятие проходит впервые, поэтому блок FAQ — обязательный. В целом, мы не рекомендуем опускать его никогда, чтобы сразу ответить на все возможные и часто повторяющиеся вопросы потенциальных участников.
![](https://mailfit.com/wp-content/uploads/2022/02/image-11-3.png)
Финалим всё бегущей строкой и подвалом.
Страница билетов
В верхнем меню лендинга — отдельная кнопка для перехода на страницу с билетами. Сделали её второй по акцентности, потому что главной целью на этапе запуска было собрать контакты.
Также на страницу можно попасть из основного билетного блока. Дизайн повторяет блок на лендинге — в нём также сделан акцент на самый выгодный вариант билета. Также мы открыто говорим о том, что стоимость скоро повысится. Подзаголовок меняем в зависимости от графика роста цены билетов.
![](https://mailfit.com/wp-content/uploads/2022/02/image-11-4.png)
Также добавили ещё одну форму для сбора контактов — анкету для участия в розыгрыше, который будет проводится на самом фестивале.
![](https://mailfit.com/wp-content/uploads/2022/02/image-11-5.png)
Итог
Посмотрите, как выглядит рабочий вариант сайта для «ФотоФеста».
И, если вы читаете этот кейс до 4 апреля и хотите побывать на первом настолько масштабном мероприятии для фотографов, у нас есть сюрприз: скидка 10% по промокоду MAILFIT на все категории билетов 😉