Как мы перезнакомили треть участников на дизайн-фестивале (но могли бы больше)
В конце прошлого года в Москве прошло топовое событие для дизайнеров — Dprofile Fest & Award, организованное нашими друзьями из Dprofile. Команда ARTW решила отойти от стандартных скучных стендов и создать мини-приложение с интерактивной игрой «Бинго».
Наша цель была не только решить маркетинговые задачи компании, такие как знакомство с участниками рынка и повышение узнаваемости бренда, но и помочь гостям познакомиться друг с другом, особенно тем, кому сложно сделать первый шаг в общении. Поэтому мы разработали решение, интегрирующее элементы игры в процесс знакомства.
В результате нам удалось вовлечь в нашу активность треть участников фестиваля — 282 человека из порядка 1000. В этой статье мы расскажем, почему выбрали именно игру «Бинго», как реализовали её за неделю и как всё прошло.
Почему «Бинго»?
Перед нами стояла непростая задача: провести яркую активность, которая бы выделялась среди других стендов и интерактивов, и была по-настоящему полезной и запоминающейся для участников. Как ИТ-компания с 23-летним опытом серьезной разработки и ключевым направлением UX/UI, мы решили использовать свою экспертизу в создании цифровых продуктов и одновременно предложить запоминающийся интерактив для гостей фестиваля.
Мы учли несколько факторов:
1. Многим участникам, особенно интровертам, сложно сделать первый шаг в общении. Мы предложили участникам игру, которая помогала преодолеть этот барьер. Основной механикой была раздача стикеров с QR-кодами, ведущими в профиль участника, этот же стикер становился билетом для участия в розыгрыше призов. Это позволяло не только узнать информацию о человеке, но и значительно облегчало начало общения.
2. Люди приходят на такие мероприятия не только ради профессионального интереса, но и для нетворкинга: найти новых друзей, коллег или даже деловых партнеров. Мы решили объединить эти стремления в нашем проекте.
3. Нам нужно было повысить узнаваемость бренда и установить новые контакты в отрасли.
Идея игры «Бинго» родилась не сразу. Мы перебрали множество вариантов, но остановились на этом формате по нескольким причинам:
- Игровой элемент делал процесс знакомства менее формальным и более увлекательным.
- Формат игры стимулировал активное общение между участниками.
- Брендинг. Каждый стикер с QR-кодом содержал наш логотип, обеспечивая широкий охват аудитории.
Мы разработали мини-приложение в Telegram, основанное на принципе популярной игры «Бинго». Концепция была следующая:
Каждый участник получал в приложении уникальное игровое поле размером 3x3 (9 клеток), где каждая клетка содержала индивидуальный номер. Участникам выдавались персональные стикеры с QR-кодами. Основная задача игроков заключалась в поиске других участников, чьи номера совпадали с цифрами на их игровом поле. Заполнение всех 9 клеток означало «Бинго» и гарантировало приз от ARTW. Для заполнения клеток участники знакомились и сканировали QR-коды друг друга.
При регистрации пользователи заполняли подробную анкету, указывая свою профессиональную сферу и цели участия в мероприятии. Даже если номер не подходил для «Бинго», контакт автоматически сохранялся в списке друзей пользователя. Эта функция позволяла участникам впоследствии связываться друг с другом для нетворкинга или потенциального сотрудничества. Такой геймифицированный подход не только делал процесс знакомства более увлекательным, но и способствовал созданию ценных профессиональных связей между участниками мероприятия.
Мини-приложение за неделю: команда, стек и инсайты
Наша команда состояла из 6 человек: двое разработчиков, 1 devops-инженер, двое тестировщиков и один дизайнер. Для фронтенда мы выбрали React с TypeScript, используя Telegram SDK и UI компоненты. Сборку проекта осуществляли с помощью Vite.js. На бэкенде работал Laravel 11 с REST API, а админ-панель была реализована на Orchid.
Почему React?
- Готовый UI-кит для Telegram мини-приложений: это позволило нам быстро создать каркас интерфейса, отвечающий требованиям платформы.
- Богатая экосистема: React предлагает обширный выбор библиотек и инструментов, что ускорило процесс разработки.
- Подробная документация: наличие детальной документации по компонентам и интеграции с Telegram SDK значительно упростило работу разработчиков.
- Производительность: React отлично подходит для создания динамичных интерфейсов, что было критично для нашей игры.
- Адаптивность: компоненты из UI-кита уже оптимизированы для различных устройств, что сэкономило время на адаптацию интерфейса.
Особенности разработки
Ключевой особенностью стал виртуальный роутинг. SDK Telegram работает только на главном экране, поэтому все взаимодействие происходит в рамках одной страницы. Это потребовало нестандартного подхода к навигации и отображению контента.
Основные сложности:
- Реализация логики отображения страниц в зависимости от статуса пользователя и заполненности профиля.
- Интеграция функции сканирования QR-кодов с использованием камеры устройства.
- Тестирование в условиях ограниченного доступа к реальной среде Telegram.
- Ограниченное время. Все необходимо было реализовать за неделю с учетом тестирования и исправления всех багов.
Безопасность и авторизация
Мы использовали встроенные механизмы безопасности Telegram. Платформа предоставляет зашифрованный хэш-тег для верификации подлинности запросов. Авторизация пользователей происходит через Telegram, что исключает необходимость дополнительной регистрации.
День X: запуск и неожиданности
6:30 - старт монтажа и первые сюрпризы
Утро 14 декабря началось для нас в 6:30 с монтажа нашего стенда. Мы приехали на площадку с легким мандражом. И как оказалось, не зря. Сюрприз ждал нас, когда рабочие развернули основной баннер. С замиранием сердца мы отсканировали QR-код и... код вёл на тестовую версию приложения, не на продакшн сервер.
Паника? Немного. Но мы быстро собрались с мыслями. Вот наш план действий:
- Срочно исправить ссылку на макетах дополнительных листовок формата A3 и отправить на перепечатку.
- Измерить размер QR-кода на основном баннере.
- Заказать печать наклейки с правильным кодом нужного размера.
9:00 - план спасения
Ближайший копицентр открывался только в 10:00 — одновременно с началом мероприятия. Пришлось импровизировать. Неправильный QR-код на основном баннере временно закрыли декоративным «баблом», предназначенным для фотозоны.
10:00 - первые участники
К счастью, эти технические неурядицы остались незамеченными участниками. Уже с 10:00 к нашему стенду начали подходить первые ребята. Поначалу приходилось каждому индивидуально объяснять правила игры, но вскоре сработал эффект «снежного кома».
Около 10:30 мы заметили первую группу участников, которые азартно сканировали QR-коды друг друга. Это был знак — игра пошла!
11:00 - игра набирает обороты
К 11:00, когда начались первые лекции, у нашего стенда уже образовалась настоящая толпа. Мы едва успевали выдавать стикеры и отвечать на вопросы.
Некоторые участники, не дожидаясь нашего объяснения, сами разбирались с приложением и начинали играть.
12:30 - чат мероприятия взрывается
Самый забавный момент наступил примерно в 12:30, когда мы заглянули в общий чат фестиваля.
Он был буквально наводнен сообщениями вроде «Кто тут с цифрой 23?», «Ищу номер 6!», «Срочно нужен 25!». Мы поняли — это успех!
12:45 - первый победитель
Первый победитель объявился в 12:45 — гораздо раньше, чем мы ожидали. А потом началось настоящее соревнование.
Участники бегали по залу, кричали номера, которые им нужны, обменивались контактами. Мы даже стали свидетелями трогательного момента, когда два участника, нашедшие друг друга по недостающим номерам, обнимались от радости.
14:45 - призы закончились, а желающих участвовать нет
К 14:45, за час до завершения основной программы фестиваля у нас закончились основные призы, хотя изначально мы планировали растянуть активность до 16:00. Но даже после этого люди продолжали подходить, регистрироваться и играть — просто ради новых знакомств!
В конце дня мы были вымотаны, но счастливы. Несмотря на утренние технические сложности, наша идея сработала даже лучше, чем мы могли представить.
Мы не просто привлекли внимание к нашему бренду — мы создали настоящее community-событие внутри фестиваля.
ИТОГИ
282 участника познакомились друг с другом с помощью нашего приложения. Всего фестиваль посетило более 1000 человек.
Общее количество добавлений в друзья в приложении — 2464.
Самые активные игроки получили по 50 новых знакомств.
72 победителя унесли домой наши призы.
Что мы поняли:
- Игровые механики работают даже на серьезных профессиональных мероприятиях.
- Нетворкинг может быть весёлым и непринуждённым.
- Технические сложности неизбежны, но быстрая реакция и креативные решения спасают ситуацию.
- Иногда стоит рискнуть и сделать что-то необычное — это может привести к неожиданно хорошим результатам.
- Следовало подготовить запас стикеров с QR-кодами и призов. Мы распечатали всего 300 стикеров, некоторые из которых в процессе потерялись или были испорчены. Фестиваль проходил впервые, ни мы, ни организаторы не могли точно спрогнозировать число посетителей и участников заранее. Мы не ожидали такой вовлеченности и, возможно, могли бы познакомить между собой ещё большее количество людей.
Подводя итоги нашего участия в Dprofile Fest&Award, можно сказать, что мы достигли поставленных целей. Удалось наладить прямой контакт с брендом и провести успешный скаутинг дизайнеров, заинтересованных в получении оферов. Получили много контента: сделали ряд крутых фотографий и видео, которыми поделились в социальных сетях.
Нетворкинг тоже был продуктивным – обменялись контактами с интересными людьми из индустрии. И, что немаловажно, наше участие принесло пользу сообществу, способствуя его развитию. В целом, фестиваль прошел для нас эффективно и очень эмоционально, мы довольны результатами.