Сайт сервиса оплаты счёта и чаевых по QR-коду RAHMAT
Мы разработали сайт для RAHMAT — сервиса, который упрощает оплату счёта и чаевых в кафе и ресторанах. Гость сканирует QR-код, открывает онлайн-меню, видит сумму и рассчитывается за пару секунд — без ожидания официанта, кассы и терминала на столе. Сайт объясняет продукт гостям и заведениям и ведёт к сценарию сканирования. Проект собрала команда полного цикла на WordPress с Carbon Fields за 1.7 месяца в партнёрстве с Orbyx.
Задача
Оплата счёта в кафе и ресторане до сих пор устроена неудобно: гость просит счёт, ждёт официанта, ждёт терминал, потом отдельно решает вопрос с чаевыми — наличными или неловкой добавкой к сумме. В час пик каждый такой шаг растягивается, стол дольше занят, а последнее впечатление от заведения формируется именно на этом финальном, самом раздражающем этапе визита.
RAHMAT снимает эту рутину: гость сканирует QR-код на столе, видит онлайн-меню и счёт, платит и оставляет чаевые в одном экране, без кассы и терминала. Но чтобы сервисом начали пользоваться, его сначала нужно объяснить — и гостю, который впервые видит QR на столе, и заведению, которое решает, подключаться ли. Эту задачу решает сайт: он показывает, как работает оплата по QR, и делает первый шаг очевидным.
Продукт финтех-нишевой, а аудитория — широкая и нетехническая: обычные гости и владельцы небольших заведений. Значит, сайту нельзя быть сухой презентацией технологии — он должен коротко и наглядно донести выгоду, снять недоверие к оплате «через телефон» и одинаково хорошо работать с телефона, с которого гость и сканирует QR.
Классический сценарий оплаты растянут: попросить счёт, дождаться официанта и терминала, отдельно решить вопрос с чаевыми. В час пик это заметно тормозит оборот столов и портит впечатление на самом финале визита гостя.
Оплата по QR и чаевые с телефона — всё ещё новый сценарий для многих гостей и небольших заведений. Без понятного объяснения на сайте продукт вызывает вопросы и недоверие, а не желание попробовать его прямо за столом.
Гость знакомится с сервисом с того же телефона, которым сканирует QR за столом. Сайт с невнятной мобильной версией или медленной загрузкой обрывает знакомство ещё до того, как гость поймёт, в чём выгода RAHMAT.
Что делает система
Промо-экран сервиса
Первый экран задаёт суть RAHMAT одним взглядом: оплата счёта и чаевых по QR-коду, без касс и терминалов. Короткий заголовок, наглядная иллюстрация сценария и явный призыв к действию снимают у гостя первый вопрос «а что это вообще» и сразу показывают выгоду — рассчитаться за столом самому, за пару секунд, с собственного телефона.
Как это работает
Пошаговый блок раскладывает сценарий на понятные действия: отсканировать QR на столе, открыть онлайн-меню и счёт, оплатить и при желании добавить чаевые. Каждый шаг подкреплён короткой подписью и иконкой, поэтому даже гость, впервые встретивший оплату по QR, понимает маршрут до того, как достанет телефон, и не боится ошибиться.
Онлайн-меню и счёт
Раздел показывает ключевую механику продукта: после сканирования QR гость видит меню заведения и позиции своего счёта прямо в браузере телефона, без установки приложения. На сайте мы объясняем и демонстрируем этот интерфейс, чтобы гость заранее понимал, что его ждёт по ту сторону QR-кода, а заведение видело ценность онлайн-меню для своего зала.
Сценарий чаевых
Отдельный блок посвящён чаевым — болевой точке привычной оплаты. Сайт показывает, что оставить чаевые можно на том же экране, что и счёт: без наличных, неловкости и округлений. Мы делаем акцент на том, что сценарий удобен обеим сторонам — гостю просто отблагодарить, а персоналу получить чаевые прозрачно и без задержек.
Выгоды для заведений
Блок для второй аудитории сайта — владельцев кафе и ресторанов. Он честно объясняет, что даёт RAHMAT бизнесу: ускоряет оборот столов, разгружает официантов на этапе оплаты, повышает собираемость чаевых и не требует ставить кассы или терминалы на каждый стол. Аргументы поданы коротко и по делу, чтобы решение о подключении принималось быстро.
Ответы на вопросы
Блок с частыми вопросами закрывает типичные сомнения новой аудитории: безопасно ли платить через QR, нужно ли ставить приложение, что делать без интернета за столом, как это выглядит со стороны гостя и заведения. Понятные ответы снимают недоверие к незнакомому способу оплаты ещё до первого контакта с сервисом и помогают гостю решиться.
Контакты и подключение
Финальный контур ведёт заинтересованные заведения дальше: форма заявки на подключение, контакты и понятный призыв связаться. Форма собирает минимум данных, чтобы не отпугнуть владельца лишними полями, а заявки уходят команде RAHMAT для дальнейшей работы. Это превращает сайт из витрины в рабочий канал привлечения новых точек к сервису.
Адаптивная вёрстка
Сайт с самого начала спроектирован под телефон — устройство, с которого гость и сканирует QR за столом. Экраны, блоки и формы аккуратно перестраиваются под узкие вьюпорты, тексты остаются читаемыми без зума, а кнопки удобны для касания. Десктопная версия при этом полноценна для тех, кто изучает сервис заранее с компьютера.
Технологический стек
Основа сайта. WordPress дал готовую админку, в которой команда RAHMAT сама правит тексты, блоки и заявки без разработчика, а нам — быстрый старт вёрстки и структуры страниц. Для промо-сайта финтех-сервиса это оптимальный баланс скорости запуска и самостоятельности заказчика в дальнейшем ведении контента.
Библиотека кастомных полей для WordPress. С ней мы собрали гибкие блоки под конкретные секции сайта — шаги «как это работает», выгоды, вопросы — так, что каждый блок редактируется в админке отдельными понятными полями. Это избавило контент-редактора от вёрстки в HTML и защитило дизайн страниц от случайных поломок при правках.
Серверный язык платформы. На PHP реализована логика шаблонов WordPress, обработка формы заявки на подключение и вывод блоков, собранных на Carbon Fields. Язык — родной для экосистемы WordPress, что упростило интеграцию кастомной логики с движком и обеспечило предсказуемую поддержку сайта в дальнейшем.
Хранилище сайта. В MySQL лежат контент страниц, значения кастомных полей Carbon Fields и заявки, отправленные через форму подключения. Связка WordPress и MySQL проверена годами и не требует экзотической инфраструктуры, поэтому сайт стабильно работает на типовом хостинге и легко переносится между окружениями.
Интерактив на стороне гостя. JavaScript отвечает за живое поведение страниц: плавную прокрутку к секциям, раскрытие ответов на вопросы, валидацию формы заявки и анимации, поясняющие сценарий оплаты. Аккуратно дозированный, он оживляет объяснение продукта и удерживает внимание, не перегружая загрузку страницы на мобильном.
Внешний вид и адаптивность. На CSS построены типографика, сетки и мобильная вёрстка сайта — тот самый первый экран, который гость видит с телефона за столом. Медиазапросы перестраивают блоки под узкие экраны, а выверенные отступы и контраст делают объяснение сервиса читаемым и опрятным на любом устройстве.
Центральный элемент продукта. Оплата и онлайн-меню RAHMAT запускаются со сканирования QR-кода, поэтому сайт наглядно объясняет и обыгрывает этот сценарий: как выглядит код на столе, что открывается после сканирования, почему это безопасно. Мы связали визуальный рассказ на сайте с реальным маршрутом гостя от QR до оплаченного счёта.
Как шла разработка
Погружение в продукт
ГотовоРазобрались с сутью RAHMAT и его двумя аудиториями — гостями и заведениями. Зафиксировали, что именно сайт должен объяснить про оплату по QR и чаевые, какие сомнения снять и к какому действию привести каждую из сторон. Эта картина стала опорой для структуры страниц.
Сборка структуры
ГотовоВыстроили последовательность блоков так, чтобы гость двигался от «что это» к «как это работает» и «зачем мне это», а заведение — к выгодам и заявке. Прототип проверили на логику: каждый экран отвечает на один вопрос и подводит к следующему без разрывов в рассказе.
Дизайн под мобайл
ГотовоОтрисовали интерфейс, отталкиваясь от телефона — устройства, с которого гость сканирует QR. Продумали наглядные иллюстрации сценария оплаты, крупные касательные кнопки и читаемую типографику. Визуальный язык сделали спокойным и располагающим, чтобы снять настороженность к незнакомому способу расчёта.
Вёрстка и поля
ГотовоСобрали страницы на WordPress, вынесли изменяемый контент в кастомные поля Carbon Fields и адаптировали вёрстку под все ширины экранов. Каждый смысловой блок стал редактируемой единицей в админке, поэтому команда RAHMAT правит тексты и шаги сценария сама, не трогая код и не рискуя сломать дизайн.
Форма и интерактив
ГотовоПодключили форму заявки на подключение с валидацией и добавили аккуратный интерактив на JavaScript: раскрытие вопросов, плавную навигацию по секциям, анимации, поясняющие путь оплаты. Проверили, что заявки корректно доходят до команды сервиса, а поведение страниц остаётся плавным даже на слабых телефонах.
Проверки и выкладка
ГотовоОткрыли сайт на разных телефонах, планшетах и в основных браузерах, отдельно выверяя мобильную версию, скорость загрузки и читаемость на маленьких экранах. Убедились, что сценарий от промо-экрана до заявки работает без обрывов, и выложили сайт в прод. Итог — живой рабочий ресурс, объясняющий сервис RAHMAT его аудиториям.
Результаты
У RAHMAT появился рабочий сайт, который объясняет сервис оплаты счёта и чаевых по QR-коду двум разным аудиториям — гостям заведений и их владельцам. Гость с первого экрана понимает выгоду: рассчитаться и оставить чаевые за пару секунд с собственного телефона, без ожидания официанта, кассы и терминала. Заведение видит аргументы за подключение и может оставить заявку прямо на сайте. Пошаговое объяснение сценария и блок вопросов снимают недоверие к оплате по QR ещё до первого визита в заведение с сервисом.
Технически сайт собран на проверенной связке WordPress и Carbon Fields: контент и шаги сценария вынесены в кастомные поля, поэтому команда RAHMAT ведёт тексты сама, без разработчиков. Вёрстка спроектирована под мобильный сценарий — тот же телефон, которым гость сканирует QR за столом. Для нас это ещё один кейс промо-сайта финтех-продукта для HoReCa: собрать понятный рассказ о непривычном сервисе и превратить сайт в канал привлечения новых заведений, а не просто в красивую витрину.
1.7 месяца
от старта до готового сайта
QR
оплата и меню без касс и терминалов
2 аудитории
рассказ для гостей и для заведений
Mobile-first
тот же телефон, что сканирует QR
Сайт RAHMAT мы сделали в партнёрстве с Orbyx. На нашей стороне была веб-часть: структура страниц, дизайн под мобильный сценарий, сборка на WordPress и Carbon Fields, форма заявки и наглядный рассказ о сценарии оплаты по QR. Партнёрство помогло точно передать логику финтех-сервиса и подать её так, чтобы новый способ оплаты был понятен и гостям заведений, и их владельцам.
Вопросы о проекте
Обсудим похожий проект?
Расскажите о задачах вашего бизнеса — предложим архитектуру и оценим сроки
Телеграмм
Делимся визуально привлекательными фрагментами наших последних веб-проектов.
ВКонтакте
Пишем о интересных технических решениях и вызовах в разработке.
MAX
Демонстрируем дизайнерские элементы наших веб-проектов.
TenChat
Деловые связи, кейсы и экспертные публикации.
Рассылка
© 2025-2026 МАЙПЛ. Все права защищены.