Бот и Мини Апп инет-магазина. PS Store

Разработали мини-приложение в связке с ботом и CRM для быстрого и удобного оформления заказов клиентами
Обсудить проект
Задача
  • В современных реалиях покупка игр для PlayStation из России стало довольно таки тяжелым и неудобным процессом. К нам обратился заказчик, занимающийся покупкой игр на аккаунт через турецкую версию PS Store. Чтобы улучшить пользовательский опыт и скорость заказа, он хотел создать удобный Mini App для Telegram, который позволил бы пользователям легко просматривать товары, а также совершать покупки прямо в мессенджере.
    Задача, поставленная перед нами, довольно сложная и комплексная. Предлагаю подробнее рассмотреть каждый этап создания и результат, который мы получили.
Что мы сделали
Этап 1: Парсинг - Основа нашего Каталога
Любой магазин начинается с каталога. Нашим первым шагом стал парсинг данных с официального сайта PlayStation Store. Это был непростой, но крайне важный этап. Мы столкнулись с необходимостью получать данные в правильном формате, структурировать их, переводить на русский язык и только потом передавать в Mini App.

Вот что мы сделали:
  • Выбор инструментов: Мы остановились на комбинации Python и дополнительных библиотек для сбора данных. Python оказался отличным выбором благодаря своей гибкости и богатому набору инструментов.
  • Структуризация данных: Полученные данные были очищены, преобразованы и сохранены в структурированном формате (JSON) для удобного дальнейшего использования. Мы создали четкую иерархию для каждой игры, включая название, изображение, цену, описание и ссылки.
  • Обновление каталога: Разработали скрипт, который регулярно запускается для автоматического обновления каталога и добавления новых релизов. Это гарантировало актуальность данных в нашем Mini App.
Этап 2: Верстка - Создание Удобного Интерфейса
Следующим важным шагом стала разработка интерфейса Mini App. Мы стремились сделать его интуитивно понятным, быстрым и приятным для использования.

  • Простота навигации: Применили карточную структуру для отображения игр, добавили фильтры по жанрам и поиск по названию, чтобы пользователи могли быстро найти то, что ищут.
  • Адаптивный дизайн: Убедились, что Mini App корректно отображается на разных устройствах и экранах.
  • Визуальная привлекательность: Применили качественные изображения обложек игр, упростили интерфейс до лаконичного минимума и максимально сократили количество действий для покупки игры.
  • Оптимизация: Мы оптимизировали размер изображений и контента, чтобы минимизировать время загрузки и обеспечить плавную работу приложения.
Этап 3: Бот - Сердце нашего Mini App
Бот Telegram стал связующим звеном между пользователем и нашей Mini App. Он отвечал за обработку запросов и предоставление данных.

  • Разработка бота: Мы создали бота с использованием продвинутого онлайн конструктора. Бот общается с пользователем, обрабатывает его команды, отсылает рассылки.
  • Интеграция с CRM: Мы связали нашего бота с AMOCRM, чтобы автоматически создавать сделки, перемещать их по этапам оформления заказа и уведомлять операторов о появлении нового заказа, который нужно взять в работу.
  • Взаимодействие с Mini App: Бот служит мостом, через него создаются пользователи в нашей БД. Через него данные о заказе из Mini App передаются в AMOCRM для создания сделки. И он же передает данные об успешной оплате обратно в Mini App для хранения истории покупок клиента.
Этап 4: Интеграция - Связываем Все Вместе
Интеграция всех компонентов была сложным, но важным этапом.

  • API-взаимодействие: Установили протокол обмена данными между парсером, ботом и Mini App. JSON оказался идеальным форматом для передачи данных.
  • Развертывание: Мы развернули бэкенд на облачном сервере, что обеспечило стабильность и масштабируемость.
  • Тестирование: Провели тщательное тестирование на разных устройствах и с разными сценариями использования, чтобы убедиться в стабильной работе Mini App.
Этап 5: Эквайринг и Прием Платежей
Финальным шагом было внедрение платежей. Это позволило пользователям покупать игры через бота, нажимая всего одну кнопку.

  • Подключение платежного шлюза: Мы интегрировали нашего бота с надежным платежным провайдером — Т-Банком, он принимает платежи с банковских карт и уведомляет бота о статусе оплаты.
  • Обработка платежей: Реализовали функционал обработки успешных и неудачных платежей. На основе результата платежа в AMOCRM передаются данные для изменения статуса сделки и уведомления операторов, в случае успешной оплаты.
  • Интеграция с ботом: Уведомления о статусе оплаты также отправляются через бота пользователю, чтобы он был в курсе процесса.
Какие результаты мы получили

  • Значительный рост продаж: Удобство покупки и доступные цены привели к существенному увеличению продаж. Вы смогли привлечь новых клиентов и увеличить средний чек.
  • Расширение аудитории: Благодаря доступу к турецкому PS Store, удалось привлечь новую аудиторию, заинтересованную в более выгодных ценах на игры.
  • Повышение лояльности клиентов: Удобный сервис, быстрые покупки и персонализированные уведомления о скидках способствовали повышению лояльности клиентов и формированию положительного имиджа вашего бренда.
Оставьте свои контакты и мы свяжемся с вами в течение дня.

Давайте обсудим ваш проект

Или напишите нам сами:
Связаться с нами в Telegram
Обсудить проект
Другие наши кейсы