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