Задача
Магазин в России отдаёт банку процент с каждой оплаты картой. Через СБП приём стоит намного дешевле, и половина страны и так платит именно так. Покупатель выбирает СБП, когда он стоит первым на странице оплаты.
Работы было две сразу. Собрать продукт: страницу оплаты, личный кабинет, биллинг и калькулятор, который считает на обороте конкретного магазина. И сделать лендинг, который объясняет платёжный сервис владельцу, а не разработчику.
Что сделали
Лендинг, который объясняет сервис за один экран
Первый экран говорит предложение одной цифрой и одним примером: сколько банк забирает с заказа на 5 000 ₽ и сколько берёт СБП. За текстом идёт 3D-сцена на синем mesh-градиенте, а главные числа стоят сразу под кнопками.
Дальше страница собрана из блоков: строка логотипов банков, ставки, отрасли, которым сервис подходит, и вопросы, которые задают перед подключением.
Страница оплаты и как магазин её подключает
Страница оплаты открывается на СБП. Покупатель платит в два тапа из приложения своего банка, а карта остаётся рядом, в других способах. Деньги приходят на тот же счёт магазина, что и раньше.
Подключение идёт через официальный OAuth: секретный ключ магазина не запрашивается, доступ отзывается в любой момент. Счёт выставляется ссылкой или QR-кодом из кабинета, поэтому принимать оплату можно и без сайта.
Калькулятор экономии на своём обороте
Средние по рынку цифры никого не убеждают, поэтому страница спрашивает свои. Ползунками задаётся оборот в месяц и доля оплат через СБП, а третьим полем открываются свои условия.
Результат разложен как счёт: сколько магазин платит сейчас, сколько с сервисом, какая комиссия сверху и что остаётся за месяц и за год. Все числа пересчитываются прямо при движении ползунка.
Блоки, которые отвечают на вопросы владельца
К платёжному сервису относятся осторожно, поэтому середина страницы отдана простым ответам. Куда приходят деньги, с чего берётся комиссия, что с чеками и что будет, если баланс кончится.
В этом же блоке стоят цифры, которые сервис публикует о себе, а ниже вопросы собраны в аккордеон.
Техническая часть
Под сайтом работает настоящий платёжный продукт. Вот из чего он собран: разметка, которую читают поисковики и ИИ-ответы, бот поддержки, интеграции с платежами и документы, которых требует российский закон.
Поиск и ИИ-ответы
Микроразметка schema.org
На странице стоит микроразметка schema.org: Organization, WebSite, SoftwareApplication и FAQPage.
Карта сайта на 47 адресов
Сайт сам собирает карту сайта, а robots.txt на неё ссылается: робот получает список страниц, а не ищет их наугад. Открыть sitemap.xml
Открыт для ИИ-поиска
Сайт отдаёт llms.txt — короткий файл, который объясняет ИИ-ассистенту, что это за сервис и где лежат ответы. Открыть llms.txt
Превью ссылки в мессенджерах
В коде страницы стоят og:title, og:description, og:image и twitter:card со значением summary_large_image.
Поддержка
Бот поддержки Вера
Вера отвечает в чате на сайте, в Telegram и на почте — всё из одного места. Открыть бота поддержки
База знаний в git
Бот отвечает по 35 статьям, которые написаны в Markdown и лежат в git.
Деньги
Биллинг со сверкой каждый день
Комиссия сервиса считается в собственном реестре, и сверка идёт каждый день.
Модули для WooCommerce и Tilda
Магазин на WooCommerce ставит платёжный модуль: он проверяет подпись на каждом ответе от платёжной стороны и идёт со своими тестами.
Закон
Cookie, согласия и 152-ФЗ
Cookie-баннер открывает окно настроек, а Яндекс.Метрика грузится только после согласия на аналитику. Открыть политику конфиденциальности
Надёжность
Автотесты и автоматическая выкладка
Около шестидесяти файлов тестов закрывают биллинг, ответы платёжной стороны, сверку и тариф, плюс сквозные тесты по собранному сайту.
Мобильная версия
Стикеры для мессенджеров
Персонаж бренда в наборе стикеров: их отправляют клиентам в Telegram, ставят в посты и в рассылки.
Что получилось
- Доля оплат через СБП выросла в 2,6 раза, комиссия за эквайринг упала вдвое.
- Магазин подключается через официальный OAuth, программист на его стороне не нужен.
- Счёт уходит ссылкой или QR-кодом, поэтому принимать оплату можно без сайта.
Сайт делает две работы. Он объясняет платёжный сервис словами владельца магазина и даёт посчитать экономию на своих числах ещё до разговора. Регистрация начинается с этой же страницы.
