by Teyca
Олег Михайлов
UX + UI Дизайн
Камиль Гайсин
CEO
О задаче
Приложение, о котором пойдёт речь — это не отдельный продукт, а часть экосистемы Тейка — B2B сервиса, который помогает бизнесам запустить свою собственную программу лояльности без больших затрат времени и денег. Telegram-приложение — один из инструментов, который делает внедрение лояльности доступным, простым и быстрым. Бизнес прилагает минимальное количество усилий и при этом имеет решение, которое ему подходит по функционалу и не противоречит позиционированию — со всеми настройками и интеграциями он получает его в течении 24 часов после обращения в Тейка.
Telegram Mini App нужен для удобного взаимодействия пользователей с программами лояльности. Клиент бизнеса открывает бота в Telegram и имеет доступ к приложению внутри него. Решений на момент создания на рынке было мало, но даже они закрывали потребности бизнеса лишь частично.
Почему Telegram?
Более 800 млн. пользователей
По всему миру Telegram пользуются огромной популярностью
Быстрая регистрация клиента
Без затрат на подтверждение номера
Полноценное приложение
Всё о вашей компании всегда под рукой у клиента
Бесплатные Telegram-рассылки
Доставляемость — 100%
Цель
Выделиться на фоне конкурентов универсальным и нативным решением, которое по функционалу должно не уступать даже приложениям рангом выше. Вот что даёт Тейка бизнесу с ним:
Упрощает жизнь клиентам
Предоставляет им цифровую карту лояльности с бонусами, историей покупок и реферальной программой прямо в Telegram.
Оптимизирует процессы
Заменяет браузерные решения внутри Telegram и улучшает пользовательский опыт.
Даёт больше возможностей
Добавляет гибкую настройку контента (информации о компании, акциях, адресах) без изменений в коде.
Повышает вовлеченность
Используя привычные механики Telegram, чтобы пользователи чаще взаимодействовали с брендом.
Повышает конверсию отзывов
Всё благодаря удобному сценарию для их оставления и публикации на сторонних сервисах (Google, Яндекс, 2GIS).
По сути, проект решал задачи автоматизации, удобства и роста вовлеченности пользователей в программе лояльности, используя максимально привычную для них среду — Telegram
Исследование целевой аудитории
Кто будет пользоваться приложением?
Клиенты бизнеса
это обычные пользователи, покупатели товаров и услуг, которые взаимодействуют с программами лояльности, накапливают бонусы и хотят получить максимум выгоды за свои покупки
Владельцы программ лояльности
это представители малого и среднего бизнеса: магазины, кафе, сервисные компании и онлайн-платформы, которым важно не просто удержать клиентов, но и собрать обратную связь, стимулировать повторные покупки и увеличить лояльность.
Какие у них потребности?
Клиенты бизнеса
Быстро и без усилий воспользоваться нужным сервисом в удобной среде
Пользователь не хочет качать отдельное приложение, регаться, вводить почту — он уже в Telegram, ему удобно всё делать тут.
Понимать, что за действия он получает бонусы или выгоду.
Честная и прозрачная система поощрений — «пригласил — получил», «оставил отзыв — получил», без обмана и мутных условий
Чувствовать, что его мнение важно
Если просят оставить отзыв или оценку, то пользователь хочет видеть, что это реально влияет — например, отзыв публикуется или влияет на рекомендации.
Чувствовать себя особенным (геймификация, статус, эксклюзив).
Получать подарки, уровни, привилегии — всё, что говорит: «Ты молодец, ты не как все». Особенно если это даёт реальные плюшки.
Быстро решать свои задачи
Сделать заказ, получить поддержку, узнать статус — Telegram Web App должен быть понятным и не перегруженным.
Владельцы программ лояльности
Минимизировать затраты на привлечение новых пользователей.
Вместо дорогой рекламы — использовать сарафанное радио и рекомендации от текущих пользователей.
Стимулировать органический рост за счёт виральности.
Встроить реферальную механику и бонусные системы, которые побуждают пользователей делиться приложением.
Собирать социальные доказательства и отзывы.
Получать фидбек, лайки и рейтинги, которые формируют доверие к продукту у новых пользователей.
Повысить вовлечённость и частоту повторных взаимодействий. Сделать пользователя активным участником продукта через бонусы, задания и внутренние награды.
Преобразовать клиентов в амбассадоров.
Использовать систему вознаграждений, геймификации и «интеграции в коммуникацию», чтобы пользователь не просто покупал, а распространял и продвигал продукт.
Упростить сбор данных и расширить воронку продаж.
Через отзывы, рекомендации и активности — получать больше информации о поведении пользователей и вовлекать их в дополнительные маркетинговые сценарии.
Снизить нагрузку на кассиров и персонал для более широкого внедрения программы лояльности с сохранением удобства клиента.
Самостоятельные действия клиента должны стать частью сценария внедрения программы лояльности.
Выводы из исследования ЦА
Бизнесу нужно, чтобы пользователь стал его маркетологом — причём добровольно и бесплатно (ну, почти)
Пользователь хочет, чтобы всё было просто, выгодно и без обмана. Он не против участвовать в механике, если она ему реально даёт ценность. Как только он чувствует, что его используют — он выпрыгивает из воронки как из горящего поезда.
Не нужно переучивать пользователей
Вместо создания нового интерфейса с нуля, мы решили встроиться в уже знакомую экосистему Telegram — мессенджер, которым ежедневно пользуется миллионы человек. Это означало:
• простая регистрация без смс подтверждения — аккаунт пользователя уже привязан к номеру телефона
• минимум кликов
• всё работает через бота и ничего скачивать не нужно
Механики которые предлагает Тейка уже решают часть задач
Важно грамотно интегрировать их в приложение: Карта лояльности, инфо о компании, Фильтрация отзывов, Реферальная программа и Работа с товарами — уже покрывают ключевые сценарии, повышая вовлечённость и удобство для пользователя. Важно не просто иметь эти функции, а грамотно внедрить их в интерфейс: чтобы всё находилось под рукой, выглядело понятно и работало прозрачно — тогда они начнут действительно приносить пользу и бизнесу, и клиенту.
Мы провели исследование, проанализировали, как люди взаимодействуют с Telegram, и решили не ломать их привычный опыт, а встроиться в уже знакомые сценарии.
Прямые конкуренты
BonusPlus
Инструмент для создания программы лояльности с уже созданным решением наших задач
Cхожие решения
Loyalty Jam
GetMeBack
Это сервисы с программой лояльности, позволяющие адаптировать их приложение, но не в Telegram, под нужды бизнеса
Аспекты, которые можно было улучшить:
Отсутствие адаптивного под бизнес дизайна приложения
Приложения конкурентов не предполагают автоматическую кастомизацию либо вообще не имеют её, что усложняет путь клиента к получению решения
Неудобная навигация
Часто используется приемлемый для приложения способ переключаться между разделами, но он не такой нативный с Telegram, какой бы мог быть
Ограниченный функционал
Решения конкурентов закрывают лишь часть потребностей клиентов и пользователей
Сырой дизайн карточек лояльности
Карточки выглядели как временные элементы, не заслуживающие внимания
Решения, вызывающие вопросы
Например, Поддержка через встроенный чат — создавали «мессенджер в мессенджере», что ломало привычный сценарий работы Telegram.
Выводы из анализа
Нужно универсальное решение
Дизайн будет меняться автоматически, а клиенту достаточно лишь настроить дизайн карты лояльности.
Привычная навигация
Мы решили сохранить Telegram-ориентированный UX (например, меню навигации сверху, как в папках с чатами у Telegram).
Расширяем функционал
Закрываем не только базовые, но и дополнительные потребности в рамках программы лояльности.
Берем за основу визуальный язык Apple Wallet и Google Pay
Они уже воспринимаются как стандарт. Мы адаптировали эти принципы под Telegram и сделали дизайн карт привычным, лаконичным и узнаваемым, усилив доверие пользователей.
Стандартный чат
Отвечать на вопросы клиентов бизнес будет через режим администратора в привычном чате Telegram
Проработка пользовательского сценария
Исходя из анализа, был создан подробный пользовательский сценарий, охватывающий основные шаги взаимодействия. Для каждого из этапов были установлены метрики, которые позволят оценить результативность внедренных решений в будущем.
Прототипирование
Определение основных экранов
Внутри есть разделы:
Карта лояльности –
Отображает бонусы, QR-код и детали
Данные о компании
Информация, акции, ссылки на соцсети
История покупок
Начисление бонусов, покупки за период
Отзывы
Система рейтингов (1–5 звёзд), + возможность оставить комментарий
Реферальная программа
Приглашение друзей, бонусы за регистрацию
Профиль
Изменение личных данных
кроме номера телефона
Меню
Информация о товарах, возможность сделать заказ и оплатить его
После, я уточнил структуру необходимых экранов, что позволило эффективно приступить к прототипированию ключевых элементов.
Отрисовка финального UI
Дизайн в стиле Apple Wallet и Google Pay, но под Telegram
Детали
Меню разделов расположено сверху – аналогично папкам в Telegram
Заголовок виджета берётся из названия бота и настраивается в личном кабинете Тейка
Простые, но логичные иконки
понятные кнопки
Из этих деталей складывается универсальное приложение, которое способно адаптироваться под любой бизнес:
Строгий / Нежный / Недоступный / Бюджетный / Яркий / Зловещий / Для детей / Для взрослых
Сфера деятельности
не имеет значения —
важно только то, что с таким инструментом клиент этого бизнеса получает позитивный опыт, который владелец бизнеса или маркетолог может контролировать.
Как опыт пользователя контролируется бизнесом?
В личном кабинете Тейка имеется раздел с настройкой прилолжения и Телеграм-бота
Можно настроить внешний вид, основной язык приложения, текстовые сообщения, мотивацию, систему вознаграждений за различные действия пользователя, отображение товаров в меню, какая информация отображается на карте лояльности и т.д.
Карта лояльности –
Отображает бонусы, QR-код и детали.
Данные о компании
информация, акции, ссылки на соцсети
История покупок
начисление бонусов, покупки за период
Отзывы
система рейтингов (1–5 звёзд), + возможность оставить комментарий
Призыв к действию
Пользователя призывает к действию настраиваемый стикер: клиент выбирает, какой бонус дать ему за то, что он оставит отзыв:
Позитивный отзыв
Если пользователь оставит положительную оценку, сервис перенаправит его на карты и предложит оставить отзыв там
Негативный отзыв
Негативные оценки попадут только в личный кабинет Teyca и на почту, которую клиент укажет в настройках
Реферальная программа
приглашение друзей, бонусы за регистрацию друга и за его покупки
Регистрация / Профиль
Экран, с которого начинается взаимодействие с приложением + Изменение личных данных
кроме номера телефона, т.к. он заполняется автоматически: аккаунт Telegram уже привязан к номеру телефона.
Меню
Информация о товарах, возможность сделать заказ и оплатить его
Призыв к действию
Пользователя призывает к действию настраиваемый стикер: клиент выбирает, какой бонус дать ему за регистрацию в программе лояльности
Акцентные элеменеты интерфейса адаптируются под цвет выбранной карты лояльности
Настроить это можно в личном кабинете Тейка
Логотип берётся из требуемых для дизайна карточки материалов
В превью ссылки используется PUSH иконка, которая обычно нужна для уведомлений
Я сделал универсальное приложение, адаптируемое под любой бизнес, с возможностью полного контроля опыта пользователя владельцем и маркетологом.
Легко интегрируется
с сервисом Тейка и CRM системами учёта через неё
Улучшает клиентский опыт
без лишних усложнений
Повышает вовлечённость пользователей
Через геймификацию, бонусы, уровни и частые напоминания на каждом шаге пользователя
Позволяет бизнесу эффективно работать с клиентами в Telegram.
Теперь пользователи могут управлять своими бонусами, оставлять отзывы и участвовать в реферальных программах прямо в мессенджере, без лишних действий. 🚀
