Создание WebApp приложения

Мини-приложение в Telegram (Mini App) открывается по кнопке бота: каталог, корзина, запись, личный кабинет — без установки и регистрации. Проектируем экраны, разрабатываем фронтенд и серверную часть, подключаем оплату. Срок — 1–2 месяца.

Создание WebApp приложения

WebApp (Telegram Mini App) — веб-интерфейс, который открывается прямо внутри Telegram по кнопке бота. Пользователь видит полноценные экраны с фотографиями, фильтрами, корзиной и формами, но ничего не скачивает и не регистрируется: Telegram сам передаёт приложению базовые данные о пользователе. Для бизнеса это способ получить «приложение» без публикации в App Store и Google Play.

Когда стоит выбрать WebApp

  • Каталог из десятков и сотен позиций, которым неудобно пользоваться через кнопки бота.
  • Нужна корзина, выбор вариантов (цвет, размер, комплектация), расчёт стоимости.
  • Запись и бронирование с календарём и выбором времени.
  • Личный кабинет: история заказов, бонусы, статусы.
  • Конфигураторы и калькуляторы: подбор комплектации, кредита, страховки.

Кейс

Для Changan в Узбекистане сделали сайт к выходу бренда на рынок примерно за 5–6 недель, затем подготовили API, через которое Telegram-бот получает данные сайта. На такой связке строится и WebApp: модели и контент ведутся в одном месте, а сайт и Telegram показывают одинаковую информацию. Подробнее о проекте.

Частые вопросы

Чем WebApp отличается от обычного бота?

Бот общается сообщениями и кнопками. WebApp показывает полноценные экраны, как сайт или приложение, поэтому подходит для каталогов и сложных форм.

Чем WebApp отличается от мобильного приложения?

WebApp не нужно публиковать в магазинах приложений и устанавливать, но он работает только внутри Telegram и имеет ограниченный доступ к функциям телефона. Если нужно полноценное приложение для iOS и Android, делаем и его — от дизайна до разработки.

Можно ли использовать тот же код для сайта?

Частично: интерфейс и серверная часть могут быть общими. Это обсуждаем на этапе аналитики.

Нужно ли пользователю регистрироваться?

Как правило, нет: Telegram передаёт приложению идентификатор пользователя. Номер телефона можно запросить отдельно, с согласия пользователя.

В стоимость входит

Дизайн экранов под ваш бренд

Оплата: Payme, Click, Uzum

Исходники и доступы — ваши

Гарантия 3 месяца

Порядок работ

1. Аналитика. Сценарии пользователя, структура каталога, источники данных.

2. Прототип и дизайн. Согласуем экраны до начала разработки, с учётом светлой и тёмной темы Telegram.

3. Разработка. Фронтенд WebApp, серверная часть, бот с кнопкой запуска и уведомлениями.

4. Тестирование. Проверяем на iOS, Android и Telegram Desktop.

5. Запуск и развитие. Публикуем, обучаем сотрудников, по запросу берём на сопровождение.

Срок: 1–2 месяца.

Оплата: 50% предоплата, 50% после сдачи.

Что входит в цену

В стоимость услуги включено:

  • Аналитика сценариев и структуры каталога
  • UX-прототип и дизайн экранов для светлой и тёмной темы Telegram
  • Вёрстка и фронтенд WebApp
  • Серверная часть: каталог, заказы, пользователи, API
  • Бот с кнопкой запуска мини-приложения и уведомлениями
  • Админ-панель для товаров, заказов и контента
  • Подключение оплаты: Payme, Click, Uzum или Paynet
  • Гарантия 3 месяца, передача исходного кода, макетов и доступов

Отдельно, по запросу:

  • Загрузка каталога из 1С или по API
  • Тексты и перевод на UZ и EN
  • Сопровождение после гарантии
  • Стоимость рассчитываем по ТЗ — оценка бесплатно