//
КЕЙСЫ
LeSIM
Продуктовый дизайн Telegram-бота и Mini App для покупки eSIM без физической SIM-карты. Два сценария: eSIM только с интернетом и eSIM с номером. Вел проект от разбора обращений в поддержку и User Flow до кликабельного прототипа и передачи в разработку.
Заказчик:
Lesim
Год:
2026
Категории:
Product design
Mobile design
Инструменты:
Figma
Claude Code
Задача
LeSIM продает eSIM через Telegram-бот и Mini App. Когда я пришел в проект, продукт был на стадии MVP, а служба поддержки уже работала. Нужно было выстроить путь пользователя от первого сообщения боту до повторной покупки и развести два продукта в одном интерфейсе, чтобы человек не путался. Отдельно требовалось закрыть то, что чаще всего ломается у новых пользователей: проверку телефона, установку и оплату.
Задача
LeSIM продает eSIM через Telegram-бот и Mini App. Когда я пришел в проект, продукт был на стадии MVP, а служба поддержки уже работала. Нужно было выстроить путь пользователя от первого сообщения боту до повторной покупки и развести два продукта в одном интерфейсе, чтобы человек не путался. Отдельно требовалось закрыть то, что чаще всего ломается у новых пользователей: проверку телефона, установку и оплату.
Откуда взялись проблемы и User Flow
Формальных исследований в проекте не было: ни интервью, ни аналитики. Единственным источником стали обращения пользователей в поддержку в Telegram-канале LeSIM. Я разобрал больше 100 обращений и свел их к пяти повторяющимся темам:
поддерживает ли мой телефон eSIM
как установить eSIM, если QR открыт на том же телефоне
куда пропал заказ или QR после покупки
что делать, если оплата не прошла или заказ завис
чем отличается eSIM с номером от eSIM только с интернетом
Это не статистика, а выводы из того, о чем люди спрашивали сами. Поэтому каждое решение в проекте я считаю гипотезой, а не доказанным фактом. Параллельно собрал User Flow: Telegram Bot, Mini App, оплата, активация, повторная покупка.
Откуда взялись проблемы и User Flow
Формальных исследований в проекте не было: ни интервью, ни аналитики. Единственным источником стали обращения пользователей в поддержку в Telegram-канале LeSIM. Я разобрал больше 100 обращений и свел их к пяти повторяющимся темам:
поддерживает ли мой телефон eSIM
как установить eSIM, если QR открыт на том же телефоне
куда пропал заказ или QR после покупки
что делать, если оплата не прошла или заказ завис
чем отличается eSIM с номером от eSIM только с интернетом
Это не статистика, а выводы из того, о чем люди спрашивали сами. Поэтому каждое решение в проекте я считаю гипотезой, а не доказанным фактом. Параллельно собрал User Flow: Telegram Bot, Mini App, оплата, активация, повторная покупка.
Как принимал решения
Каждую тему из поддержки я превращал в гипотезу и решение:
Не знают, поддерживает ли телефон eSIM. Добавил проверку совместимости в боте.
Не могут отсканировать QR с того же телефона. Добавил ручную установку по SM-DP+.
Теряют заказ. Сделал раздел My Orders со статусами и повторным доступом к QR.
Оплата зависает. Добавил статусы Unpaid и Pending, кнопку Pay Now и автоотмену неоплаченных заказов.
Путают два продукта. Переименовал вкладки в Data only и Number + Data и добавил пояснение под ними.
Заказчику было проще согласовывать: у каждого экрана была понятная причина, и спорить можно было с гипотезой, а не с моим вкусом. Проверкой стало число повторных обращений по каждой теме после релиза.
Как принимал решения
Каждую тему из поддержки я превращал в гипотезу и решение:
Не знают, поддерживает ли телефон eSIM. Добавил проверку совместимости в боте.
Не могут отсканировать QR с того же телефона. Добавил ручную установку по SM-DP+.
Теряют заказ. Сделал раздел My Orders со статусами и повторным доступом к QR.
Оплата зависает. Добавил статусы Unpaid и Pending, кнопку Pay Now и автоотмену неоплаченных заказов.
Путают два продукта. Переименовал вкладки в Data only и Number + Data и добавил пояснение под ними.
Заказчику было проще согласовывать: у каждого экрана была понятная причина, и спорить можно было с гипотезой, а не с моим вкусом. Проверкой стало число повторных обращений по каждой теме после релиза.
Онбординг и чекаут
Продумал приветствие бота с автоопределением языка: русский, английский или китайский по language_code из Telegram, для остальных английский. Спроектировал структуру Mini App: каталог с двумя продуктами и чекаут с тремя способами оплаты, Telegram Stars, USDT и банковской картой. Для региона РФ дополнительно проектировались карта «Мир» и T-Pay. Отдельно проработал случаи, которые легко упустить: неудачная оплата, просроченный неоплаченный заказ, повторная попытка оплаты.
Онбординг и чекаут
Продумал приветствие бота с автоопределением языка: русский, английский или китайский по language_code из Telegram, для остальных английский. Спроектировал структуру Mini App: каталог с двумя продуктами и чекаут с тремя способами оплаты, Telegram Stars, USDT и банковской картой. Для региона РФ дополнительно проектировались карта «Мир» и T-Pay. Отдельно проработал случаи, которые легко упустить: неудачная оплата, просроченный неоплаченный заказ, повторная попытка оплаты.
Презентация решений
К каждому экрану делал короткий разбор: что изменилось и почему, от 3 до 7 пунктов рядом с макетами до и после. Согласование шло письменно, на английском, в переписке с заказчиком. Такой формат заставлял формулировать причину каждого решения, поэтому разборы получались короткими и по делу: у каждого было объяснение и привязка к теме из поддержки.
Презентация решений
К каждому экрану делал короткий разбор: что изменилось и почему, от 3 до 7 пунктов рядом с макетами до и после. Согласование шло письменно, на английском, в переписке с заказчиком. Такой формат заставлял формулировать причину каждого решения, поэтому разборы получались короткими и по делу: у каждого было объяснение и привязка к теме из поддержки.
Работа с деталями интерфейса
Установку eSIM только через QR я не оставил: добавил вкладку Manual (SM-DP+) на случай, когда QR нельзя отсканировать, например он открыт на том же телефоне или сломана камера. Для заказов ввел статусы Paid, Unpaid, Gifted, Invalid, Refunded и Canceled и разные состояния карточки: оплачен, установлен, истек.
Работа с деталями интерфейса
Установку eSIM только через QR я не оставил: добавил вкладку Manual (SM-DP+) на случай, когда QR нельзя отсканировать, например он открыт на том же телефоне или сломана камера. Для заказов ввел статусы Paid, Unpaid, Gifted, Invalid, Refunded и Canceled и разные состояния карточки: оплачен, установлен, истек.
Кликабельный прототип
Финальные сценарии я собрал в кликабельный прототип. Он проводит весь путь от выбора тарифа до установки eSIM и показывает реальные состояния: оплаченный и неоплаченный заказ, активированная и неактивированная eSIM, ошибки оплаты. Его можно открыть прямо на странице и пройти самому, как это сделал бы пользователь.
Прототип покрывает полный пользовательский путь, от выбора тарифа до активации eSIM на устройстве.
Покрытые флоу:
Выбор eSIM: тариф с данными (Data only) или тариф с номером + данные (Number + Data), с фильтрацией стран по регионам и поиском
Просмотр деталей тарифа, покрытие сети, операторы, условия SMS/звонков
Конфигурация плана, выбор объема данных и срока действия
Оплата, выбор способа оплаты, подтверждение заказа
Управление заказами, список с фильтрами по статусу (Paid, Unpaid, Gifted, Invalid, Refunded, Canceled)
Установка eSIM, инструкция с QR-кодом и ручным вводом (SM-DP+), отслеживание состояния активации, расход трафика и дней тарифа
Общие функции:
Полностью кликабельный интерактивный прототип, не статичные экраны
Реалистичная логика состояний: заказы сохраняются, активация eSIM отражается в интерфейсе
Адаптирован под мобильный форм-фактор Telegram Mini App (390×844)
Кликабельный прототип
Финальные сценарии я собрал в кликабельный прототип. Он проводит весь путь от выбора тарифа до установки eSIM и показывает реальные состояния: оплаченный и неоплаченный заказ, активированная и неактивированная eSIM, ошибки оплаты. Его можно открыть прямо на странице и пройти самому, как это сделал бы пользователь.
Прототип покрывает полный пользовательский путь, от выбора тарифа до активации eSIM на устройстве.
Покрытые флоу:
Выбор eSIM: тариф с данными (Data only) или тариф с номером + данные (Number + Data), с фильтрацией стран по регионам и поиском
Просмотр деталей тарифа, покрытие сети, операторы, условия SMS/звонков
Конфигурация плана, выбор объема данных и срока действия
Оплата, выбор способа оплаты, подтверждение заказа
Управление заказами, список с фильтрами по статусу (Paid, Unpaid, Gifted, Invalid, Refunded, Canceled)
Установка eSIM, инструкция с QR-кодом и ручным вводом (SM-DP+), отслеживание состояния активации, расход трафика и дней тарифа
Общие функции:
Полностью кликабельный интерактивный прототип, не статичные экраны
Реалистичная логика состояний: заказы сохраняются, активация eSIM отражается в интерфейсе
Адаптирован под мобильный форм-фактор Telegram Mini App (390×844)
Передача в разработку
На каждый экран писал техническую спецификацию: как ведут себя элементы, какие бывают состояния, откуда берутся данные. Например, тип устройства определяется через Telegram-платформу, чтобы показать правильную инструкцию по установке. QR-код одноразовый, поэтому предупреждение стоит до его показа. Неоплаченный заказ отменяется автоматически через заданное время. Проверка совместимости через imei.info API платная, поэтому это решение вынес отдельным пунктом.
Спорные моменты обсуждали в общем чате с разработчиками и службой поддержки. Разработчики оценивали, насколько сложно реализовать ту или иную фичу, а я объяснял, почему без нее не обойтись. Так решения проходили проверку и на пользу для человека, и на цену реализации.
Передача в разработку
На каждый экран писал техническую спецификацию: как ведут себя элементы, какие бывают состояния, откуда берутся данные. Например, тип устройства определяется через Telegram-платформу, чтобы показать правильную инструкцию по установке. QR-код одноразовый, поэтому предупреждение стоит до его показа. Неоплаченный заказ отменяется автоматически через заданное время. Проверка совместимости через imei.info API платная, поэтому это решение вынес отдельным пунктом.
Спорные моменты обсуждали в общем чате с разработчиками и службой поддержки. Разработчики оценивали, насколько сложно реализовать ту или иную фичу, а я объяснял, почему без нее не обойтись. Так решения проходили проверку и на пользу для человека, и на цену реализации.
Что дальше
Что уже работает в продукте: онбординг, пять решений по темам из поддержки, оплата тремя способами и уведомления об окончании трафика, которые приходят через Telegram-бота. На момент сдачи проекта в разработке оставались платежные варианты для региона РФ: карты «Мир» и T-Pay. Эти пункты я вынес отдельно, чтобы были видны границы текущей итерации.
Что дальше
Что уже работает в продукте: онбординг, пять решений по темам из поддержки, оплата тремя способами и уведомления об окончании трафика, которые приходят через Telegram-бота. На момент сдачи проекта в разработке оставались платежные варианты для региона РФ: карты «Мир» и T-Pay. Эти пункты я вынес отдельно, чтобы были видны границы текущей итерации.
Результат
Получился полный пакет для разработки: User Flow, UI Kit, полный комплект переделанных экранов под iOS и Android, кликабельный прототип и спецификации для разработки обоих сценариев. Решения по онбордингу уже работают в продукте. По словам заказчика, нагрузка на службу поддержки снизилась в 2,5 раза, а вопросы, которые мы закрыли в онбординге, больше не приходят. Это оценка команды LeSIM: после релиза я обращения сам не считал.
Результат
Получился полный пакет для разработки: User Flow, UI Kit, полный комплект переделанных экранов под iOS и Android, кликабельный прототип и спецификации для разработки обоих сценариев. Решения по онбордингу уже работают в продукте. По словам заказчика, нагрузка на службу поддержки снизилась в 2,5 раза, а вопросы, которые мы закрыли в онбординге, больше не приходят. Это оценка команды LeSIM: после релиза я обращения сам не считал.
Глубже в процесс и результаты