Лейка: платформа для мероприятий и лендинг

Задача

Организаторам свадеб, вечеринок и корпоративов нужен способ вовлечь гостей: чтобы они не просто сидели за столами, а писали, присылали фото и видели себя на большом экране. Просить гостей ставить приложение или регистрироваться неудобно. Выбрали Telegram: он уже есть у всех.

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

Как это работает

Организатор добавляет Telegram-бота в чат мероприятия, открывает ссылку (или вводит код на платформе) и запускает трансляцию. Дальше всё, что гости пишут в чат, появляется на экране.

1. Три шага подключения

   • Схема

   От чата до экрана

   1. Бот в чатдобавляем Telegram-бота
   2. Ссылка или кодподключаем мероприятие
   3. Трансляциясообщения идут на экран

Лендинг

1. Первый экран

   • Первый экран

   Первый экран — живые фото с мероприятий и слоган «Прокачай свой ивент». Сверху меню «Для организаторов», «Для компаний», «Цены» и кнопка входа для клиентов. На каждом экране встречает жёлтая уточка-стикер.

   • Живые фото. Свадьба, друзья, праздник: сразу видно, для чего сервис.
   • Вход для клиентов. Кнопка в углу ведёт в платформу.

   

2. Почему Лейка — must-have

   • Блоки
   • Стикеры

   Дальше четыре причины в карточках с большими стикерами. Стикеры — единый герой лендинга: уточки в разных образах.

   • Уникальные интерактивы. Игры, опросы и конкурсы.
   • Легко подключить. Проще, чем налить себе кофе.
   • Настрой под себя. Персонализируй свои движухи.
   • Флешмоб в кармане. Крутые фишки, чтобы зажечь толпу.

   

3. Три шага подключения

   • Шаги

   Подключение объяснено тремя картинками: добавь бота в чат, открой ссылку, начни трансляцию. К каждому шагу своя иллюстрация, чтобы не читать инструкцию.

   

4. Для организаторов

   • Аудитория

   Первая тёмная плашка говорит с организаторами: фото вечеринки, список возможностей и кнопка «Выбрать план».

   • Уникальные функции. Для вовлечения гостей.
   • Своё оформление. Под тему события.
   • Без регистрации. Доступ через популярный мессенджер.
   • Память о событии. Вся история чата останется заказчикам.

   

5. Для компаний

   • Аудитория

   Вторая плашка — для компаний: неформальное общение, фотоколлекция от коллег, геймификация и настройка под корпоративный стиль. В облачках на фото живые примеры сообщений.

   • Событие внутри компании. Инструмент для корпоративов и командных праздников.
   • Геймификация. Элементы игры для вовлечения участников.

   

6. Мобильная версия и тарифы

   • Телефон
   • Адаптив

   Лендинг собран и для телефона: гости и организаторы чаще открывают ссылки из мессенджера, поэтому мобильную версию проектировали отдельно. Внизу три тарифа: Стандарт, Продвинутый (Pro) и Корпоративный.

   

   

   

Платформа

Платформа — это панель организатора и экран трансляции. В панели всё настраивается без программиста: от названия мероприятия до темы и шаблона сообщений. Экран показывается гостям на проекторе или телевизоре.

1. Вход по коду

   • Вход

   Организатор попадает на платформу по коду из чата: четыре цифры и кнопка. Если код неверный, платформа сразу говорит об этом красной подписью.

   • Без регистрации. Вход только по коду из чата.
   • Понятные ошибки. Подсказка появляется под полем сразу.

   

   

2. Настройки мероприятия

   • Настройки

   Во вкладке «Настройки» организатор задаёт название мероприятия и скорость смены сообщений и выбирает, что показывать на экране.

   • Скорость. Как часто сменяются сообщения на экране.
   • Что показывать. Галерею, реакции, имена гостей, фото и видео — отдельными переключателями.

   

3. Оформление: готовые темы и цвета

   • Оформление

   Во вкладке «Оформление» организатор выбирает фон из готовых тем (свадьба, киберпанк, игры и другие), цвет текста и цвет подложки под текстом.

   • Темы на выбор. Фон меняется целиком вместе с цветом облачка.
   • Свой цвет. Цвет текста и подложки подбирается под фон.

   

   

4. Свой фон

   • Оформление
   • Загрузка

   Можно загрузить свою картинку. Окно показывает загрузку, затем превью и кнопку «Сохранить», так организатор видит, что фон принят.

   • Три состояния. Пустое окно, загрузка с процентами и готовое превью.

   

   

5. Шаблоны сообщений

   • Шаблоны

   Шаблон решает, как сообщение лежит на экране: картинка слева и текст справа, наоборот, крупная картинка в облачке, только текст или сетка из фотографий.

   • Один выбор. Шаблон меняется сразу для всех новых сообщений.

   

6. Экран трансляции

   • Экран

   Это то, что видят гости: сообщение в облачке с именем отправителя, текстом и эмодзи на красивом фоне. У каждой темы свой стиль: цветы для свадьбы, неон для киберпанка, тёмный интерфейс для игры.

   • Читается издалека. Крупный текст на светлой подложке, имя отправителя сверху.
   • Тема для игр. Тёмная тема с героями игры, как на турнире.

   

   

7. Фото и гифки

   • Медиа

   Гости присылают не только текст. Фото появляется рядом с облачком под небольшим наклоном, а гифка выходит на передний план и закрывает сообщение, пока играет.

   

   

8. Кружки и реакции

   • Медиа
   • Реакции

   Кружок показывается круглым окном внутри облачка. Реакции гостей вылетают поверх сообщения, поэтому экран живёт и между сообщениями.

   

   

9. Справка и тарифы

   • Справка
   • Тарифы

   В платформе есть справка: подключение объяснено тремя шагами с картинками. Рядом тарифы: Стандарт, Продвинутый (Pro) и Корпоративный. В бесплатной версии доступно 20 сообщений, дальше сообщения не выводятся: об этом сообщает плашка внизу экрана.

   • Подсказки на месте. Справка открывается из панели, уходить на сайт не нужно.
   • Три тарифа. Разная длительность и возможности: «Настроения» меняются прямо во время трансляции.

   

   

Сверху экрана платформы стоит баннер с призывом подключить Pro. Он меняет вид под тему: игровой, киберпанк и свадебный.

Что получилось

• Лендинг объясняет, что такое Лейка и как её подключить, и ведёт к выбору тарифа
• Организатор сам настраивает экран: название, скорость, что показывать, тему и шаблон
• На экране появляются сообщения, фото, гифки, кружки и реакции гостей
• Темы для разных событий: свадьба, киберпанк, игры
• Три тарифа под разные события: Стандарт, Продвинутый и Корпоративный

Что вошло в работу

• Лендинг
• Веб-платформа
• Работа с Telegram-ботом
• Панель настроек
• Экран трансляции
• Темы оформления
• Тарифы
• Мобильная версия