Кейс: разработка онлайн-магазина в Telegram Mini App на PuzzleBot
Три года назад перед нами стояла задача: создать онлайн-магазин в Telegram для продажи весовой рыбной продукции. Тогда решение казалось идеальным — мы сделали четко структурированное меню, удобную систему заказов и решили главную боль: бот автоматически рассчитывал предварительную стоимость за килограмм, а менеджер вносил финальную цену после взвешивания. Клиенты были в восторге от удобного инструмента, а заказчики были довольны, что нашли инструмент, который закрывает все потребности их бизнеса.
Бизнес успешно существует и по сей день — бот функционирует, заказы идут, клиенты довольны. Но если с коммерческой точки зрения всё стабильно, то с технологической — интерфейс заметно устарел, а Telegram тем временем ушел далеко вперед.
С появлением мини-приложений мы поняли: пришло время дать пользователям совершенно новый опыт. Дождавшись свежего обновления платформы PuzzleBot, мы решились на полную пересборку магазина.
Давайте сравним, как выглядел бот «до» и во что он превратился сейчас.
До
Весь функционал был разбит по разделам меню. Чтобы найти товар, нужно было последовательно переходить по веткам диалога. Поиск работал только по общему каталогу без возможности отфильтровать позиции внутри категории.
В корзину собиралось выбранное, но если хотелось что-то исправить — приходилось возвращаться назад по шагам. Адрес доставки указывали только текстом, и любое изменение данных в заказе означало повторный ввод информации.
После
Первое, что мы сделали — полностью переработали структуру. Вместо разрозненных меню и веток диалога бота мы объединили весь функционал в одном месте и сделали главный акцент на каталоге. Ведь для онлайн-магазина это основная функция.
Теперь каждая карточка товара — это полноценная страница с подробными характеристиками. Можно сразу увидеть вес позиции и итоговую стоимость.
В приложении стало по-настоящему удобно искать:
- Добавлены фильтры под каждую категорию товаров
- Работает поиск по конкретным позициям
- В корзине можно легко изменить состав заказа, дополнить его или мгновенно перейти к оформлению. Всё как в большом интернет-магазине, только внутри Telegram.
Логика оформления осталась прежней (она сразу показала себя отлично), но мы добавили важные улучшения:
- Теперь можно выбрать адрес доставки прямо на карте
- Любые данные изменяются на том же экране — не нужно никуда возвращаться
- В финале мы показываем экран подтверждения: всё ли корректно? Подтверждая заказ, бот отправляет уведомление менеджеру.
Вывод
Мы не стали ломать то, что работало. Логика оформления заказа осталась прежней — она доказала свою эффективность. Но добавили гибкость, скорость и удобство, которых так не хватало в старом формате. Переходите в магазин, чтобы ознакомиться подробнее: открыть приложение