Де інтерес перетворюється на виручку
У будь-якому цифровому продукті саме на етапі оплати інтерес користувача або стає виручкою, або зникає. Тому інтеграція платежів у застосунки — LiqPay, Stripe, TON та подібні сервіси — це питання продуктового дизайну не меншою мірою, ніж розробки. Vii Studio, незалежна студія, яка поєднує дизайн і розробку з 2010 року, у 2025–2026 роках запустила продукти на кожній із цих трьох платіжних платформ, тож її портфоліо — вдалий набір кейсів.
Студія обіцяє, що її сайти, застосунки й бренди мають приносити заявки та продажі, а не лише гарно виглядати. Чекаут — саме те місце, де ця обіцянка проходить перевірку, і кожен із трьох проєктів нижче розв’язує це завдання по-своєму.
FOODWINER'S: готівка, картка під час отримання або LiqPay
FOODWINER'S поєднує онлайн-магазин вина з доставкою їжі й працює на українському ринку. Vii Studio створила вебмагазин у 2024 році на рушії PHP та MySQL, який відповідає за каталог, замовлення й доставку. У 2026 році студія додала нативний iOS-застосунок на SwiftUI, що працює з тим самим рушієм через JSON REST API.
Значна частина роботи застосунку відбувається ще до екрана оплати: до кошика покупця ведуть повний каталог, швидкий пошук, фільтри за типом, сортом винограду, вмістом цукру, виробником, країною й регіоном, а також список обраного.
Під час оформлення замовлення застосунок пропонує обрати місто доставки, а потім спосіб оплати:
- готівкою під час отримання;
- карткою під час отримання;
- карткою онлайн через LiqPay.
Коли оплата під час отримання доступна поруч з онлайн-оплатою карткою, покупець сам вирішує, коли платити. Оскільки iOS-застосунок є клієнтом власного рушія магазину, в особистому кабінеті відображається історія замовлень. Докладніше — у кейсі iOS-застосунку FOODWINER'S.
MPower Skating: Stripe у сценарії бронювання
MPower Skating — проєкт 2026 року, iOS-застосунок, у якому хокеїсти бронюють час на льоду та заняття для розвитку навичок. Його аудиторія — не лише гравці, а й тренери та академії. Клієнтську частину написано на SwiftUI, серверна працює на PHP, а платежі приймає Stripe.
У сервісу бронювання інший платіжний ритм, ніж у магазину. Клієнт оплачує не кошик товарів, а слот для тренування, тож платіж прив’язаний до самого бронювання. На сторінці проєкту MPower Skating Stripe зазначено як платіжний шар цього сценарію.
Duck Road: TON Connect усередині Telegram
Найменш традиційну платіжну платформу в портфоліо використовує Duck Road — Telegram Mini App 2025 року, центральним елементом якої є колесо фортуни. Подарунки перетворюються на «золоті яйця», які гравці примножують під час гри, а потім можуть обміняти на TON. Згідно з описом проєкту, обмін відбувається за курсом 1:1 з комісією 0%, а вивести кошти можна будь-коли.
Замість того щоб вводити дані картки, гравець підключає TON-гаманець через TON Connect. За грою стоять бекенд на PHP і MySQL, Node.js та Cloudflare. Vii Studio називає Telegram Mini Apps серед своїх послуг і включає до цієї пропозиції платежі, профілі та розсилки. Механіку описано на сторінці кейсу Duck Road.
Інтеграція платежів у застосунки: LiqPay, Stripe, TON та решта стеку
Три робочі приклади охоплюють лише частину платіжного інструментарію, заявленого на сайті студії. Окрім LiqPay, Stripe і TON, у переліку є:
- Apple Pay і Google Pay — для мобільних гаманців;
- Portmone — ще один платіжний сервіс;
- Telegram API, який також фігурує в проєкті Edison Pastry Shop поруч із LiqPay та в застосунку MANTRA Choker, чий бекенд надсилає сповіщення про замовлення в Telegram.
Платежі також переплітаються з лояльністю. Проєкт Edison для бренду кондитерської та кав’ярні передбачає функції лояльності в супровідних застосунках, а в застосунку Sweeter 2019 року для мережі кав’ярень SWEETER кожен клієнт має картку лояльності з QR-кодом, яка веде облік бонусного балансу.
Хто відповідає за чекаут
Відповідальність за продукти у Vii Studio поділяють двоє братів. Віджай Гукасян, співзасновник і CEO, — за описом студії, людина, яка веде продукт від бізнес-ідеї до останнього пікселя; у магазині чи застосунку для бронювання цей шлях неминуче проходить через момент оплати. Його брат Віру Гукасян, співзасновник і COO, керує операційною роботою: термінами, процесами та командою.
У чотириетапному процесі студії прототипи, UX і логіку погоджують ще на етапі дизайну, до написання коду, — це й природний момент, щоб затвердити екрани платіжного сценарію. Фінальний етап підсумовано короткою формулою: запустити, виміряти, покращити. Студія також наголошує, що тестує продукт на кожному кроці розробки, а не відкладає перевірки на фінал, — і це особливо важливо, коли через продукт проходять реальні гроші. Разом три кейси складаються в мапу варіантів: LiqPay для українського магазину з доставкою, Stripe для сервісу бронювань і TON для гри всередині Telegram.
Часті запитання
Які способи оплати підтримує iOS-застосунок FOODWINER'S?
Після вибору міста доставки покупець може розрахуватися готівкою або карткою під час отримання чи оплатити карткою онлайн через LiqPay.
Як Duck Road використовує TON?
Гравці обмінюють ігрові «золоті яйця» на TON через гаманець, підключений за допомогою TON Connect. Згідно з описом проєкту, курс становить 1:1 з комісією 0%, а виведення доступне будь-коли.
З якими платіжними сервісами працює Vii Studio?
У стеку, зазначеному на сайті студії, є LiqPay, Stripe, Portmone, Apple Pay, Google Pay і TON, а також платформа Telegram Mini Apps і Telegram API.
