Продажи лендингов шли в переписке: примеры и цены приходилось копировать вручную. Собрал витрину прямо в Telegram — клиент открывает каталог из 177 работ, выбирает тариф и оставляет заявку в один клик, а она падает мне в чат.
Каталог работ и тарифы внутри мессенджера — без сайта и без «пришлите примеры».
Клиент выбирает тариф — вы мгновенно получаете заявку в чат с именем и ником.
Сервер и бот живут на удалённой машине (VPS): заявки не теряются ночью и в выходные.
Продажи лендингов шли в переписке: каждый раз копипастить примеры работ и писать цены вручную. Нужно было собрать витрину прямо в Telegram — там, где сидит целевая аудитория, — чтобы человек в два клика посмотрел работы, выбрал тариф и оставил заявку, а заявка сама падала мне в чат.
Продукт получил пять частей: интерфейс, каталог портфолио, тарифы, связку «бот + сервер заявок» и деплой-конвейер. Всё подтверждается исходными файлами проекта и рендером ниже.
Интерфейс должен быть мобильным по умолчанию (Mini App открывается в окне мессенджера на телефоне), лёгким и без фреймворков.
Один файл index.html на 966 строк: шапка с фоновым видео, переключатель вкладок «Портфолио / Тарифы», кнопка «Заказать бесплатный демо сайт», сетка работ, лайтбокс, плавающая кнопка «Хочу лендинг!». Внизу файла — счётчик Яндекс.Метрики. Подключён официальный набор для мини-приложений Telegram: подхват темы и данные пользователя.
Показывать все работы сразу нельзя: 177 картинок обвалят экран и трафик мобильного пользователя.
Список работ зашит массивом из 177 файлов, отрисовка батчами по 6 с отложенной загрузкой и счётчиком «Показано 6 из 177». Клик открывает работу в лайтбоксе. Портфолио — реальные примеры созданных лендингов: магазины электроники, мебельные, клининговые, арт-мастерские, ремонтные и другие ниши.
Каждая карточка тарифа должна превращаться в заявку одним касанием — без форм с полями и созвонов.
Тарифный блок: «Быстрый старт», «Продвинутый» (отметка «Хит продаж») и «Индивидуальный»; плюс раздел доп-услуг — упаковка Яндекс Карт, настройка Яндекс Директ и инвайтинг в Telegram. В кейсе факт: есть тарифный блок, суммы не публикуем. Кнопки передают название тарифа в заявку.
Заявка должна доходить мгновенно и в удобное место — не на почту, а в Telegram-чат с оповещением.
Бот (Python): команда /start отправляет сообщение с кнопкой-мини-приложением. Сервер: раздаёт интерфейс, видео и папку портфолио, а при нажатии кнопки собирает имя, ник и идентификатор пользователя, подтягивает выбранный тариф и отправляет карточку заявки в рабочую группу. Токены и ключи — в отдельном файле настроек, в этом кейсе не публикуются.
Mini App работает только по HTTPS — домен, обратное проксирование и сертификат обязательны до публикации.
Скрипты загрузки на сервер: установка окружения, настройка веб-сервера и раздача папки с фото, два сервиса автозапуска (сервер и бот перезапускаются сами) и защищённый сертификат на оба домена (с www и без). Обновление — той же пачкой скриптов, включая докачку 177 фото.
Сроки беру из реального проекта; по вашей витрине назову после бесплатного разбора.
Продукт собран и выложен на удалённом сервере. Ниже — факты из файлов проекта и рендера интерфейса (браузерный движок, мобильный экран 390): не обещания, а то, что есть в коде и на скринах.
| Показатель | Значение |
|---|---|
| Web-app интерфейс | index.html, 966 строк, 30 КБ — один файл без фреймворков |
| Вкладки приложения | 2 — «Портфолио» и «Тарифы» |
| Каталог портфолио | 177 фотографий работ, подгрузка по 6 с ленивым кэшированием |
| Лайтбокс просмотра работ | есть, с закрытием по клику |
| Тарифный блок | есть — 3 тарифа; суммы не публикуем |
| Дополнительные услуги | 3 (Яндекс Карты, Яндекс Директ, инвайтинг TG) |
| Точки входа в заявку | 3 — кнопка «Хочу лендинг!», «Выбрать тариф», «Заказать бесплатный демо сайт» |
| Доставка заявки | POST /send-request → Flask → Bot API → сообщение в Telegram-группу |
| Telegram SDK | набор мини-приложения Telegram: тема, данные пользователя, тактильный отклик |
| Аналитика | Яндекс.Метрика подключена |
| Деплой | удалённый сервер (VPS): веб-сервер и отдача фото каталога, автозапуск сервисов, защищённое соединение (SSL) |
Честная рамка: продукт живёт внутри Telegram, поэтому «до/после» измерять нечем — сравнение в этом кейсе не приводится. Всё, что заявлено, видно в исходных файлах проекта и на скриншотах ниже.
Скриншоты — живой рендер интерфейса (браузерный движок, мобильный экран 390) и выборка из каталога портфолио. Цены на скринах сознательно не показаны. Кликните, чтобы открыть в полном размере.
Токены бота, ключи сервера и контактные группы — в отдельном файле настроек и в кейс не вынесены.
Бесплатно: смотрю, что продаёте, и показываю, как собрать витрину под ваш продукт. Называю срок и вилку.
Стоимость считаю после разбора — зависит от объёма каталога и числа тарифов. Точную вилку называю до начала, без сюрпризов.
Цены не публикую: они зависят от задачи. Оставьте заявку — пришлю вилку под ваш продукт в тот же день.
Сколько стоит?
Зависит от объёма каталога и числа тарифов. Точную вилку называю после бесплатного разбора, в тот же день.
Сколько это делается?
Срок зависит от числа работ и тарифов; назову после разбора задачи.
Нужен ли свой бот и домен?
Да, понадобится бот Telegram и домен для защищённого соединения — помогу с настройкой.
Заявки приходят круглосуточно?
Да, заявки падают в чат сразу, днём и ночью: сервер работает постоянно.
Собираю Mini App под продукт любой ниши: каталог портфолио, тарифы, приём заявок одной кнопкой с доставкой вам в чат, деплой на VPS с SSL. Посмотреть пример интерфейса — скриншоты выше.
Связаться: @dedokvokrua в Telegram