Веб-сервис платежей Клик
От MVP «на коленке» до дизайн-системы и линейки платёжных продуктов для 1000+ партнёров
Таймлайн
~6 месяцев (2024)
Роль
Product Designer
Объём
UX-research, UI, Prototyping, Design System, Product Architecture
Пользователи
100k+
Контекст
Компания: Клик — финтех-сервис от Точка банка.
Продукт: Линейка платёжных продуктов для HoReCa, бьюти и услуг — QR-оплата, чаевые, QR-меню, оплата по вводу суммы.
Проблема: Ядро (QR-оплата) больше года жило без дизайнера — ни макетов, ни Figma. Неконсистентность, медленная разработка, нет базы для роста линейки.
Discovery
Аудит легаси
Точка входа: аудит легаси-продукта
Что было: продукт без макетов и Figma
Цель: найти UX-проблемы и собрать карту переделок
Вопросы аудита
- ✦ Где во флоу оплаты теряются время и тапы?
- ✦ Какие экраны переиспользовать, а какие переделать с нуля?
- ✦ Где продукт теряет деньги партнёра?
Проблемы
- — Ядро без дизайн-системы: неконсистентность и медленный релиз.
- — Часть пользователей отключала компенсацию комиссии: партнёры теряли деньги.
Цели
- — Завести продукт в систему (Figma + дизайн-система).
- — Сбалансировать экономику партнёра и опыт пользователя.
- — Построить линейку на единой базе.
Метрики
- — Прямой рост выручки от пересмотра экрана оплаты (под NDA).
- — Рост скорости разработки.
- — Линейка продуктов на одной базе.
Проблемы пользователей
- ✦Лишние шаги и тапы при оплате
- ✦В каждом заведении карту вводишь заново
- ✦Разный UI между продуктами — нет единообразия
Болевые точки бизнеса
- ✦Партнёры теряли деньги на комиссии
- ✦Без дизайн-системы релиз шёл медленно
- ✦Линейку продуктов нельзя быстро масштабировать
Solutions
№1. Управляемый дефолт комиссии
«Прятать опцию компенсации комиссии — партнёр теряет деньги; давить на пользователя — страдает опыт. Нужен баланс».
Решение: Управляемый дефолт — партнёр сам решает в настройках, прожата ли галочка. Если нет — опция выносится пользователю, чтобы партнёр не терял на комиссии.
Результат
+X XXX XXX ₽
Семизначная доп. выручка за 2 месяца (NDA)
Solutions
№2. Сохранение способа оплаты
«Оплатил Кликом в одном месте, пришёл в другое — снова вводишь карту с нуля».
Решение: Способ оплаты подтягивается между заведениями экосистемы — платёж в один тап.
Solutions
№3. Дизайн-система
«Ядро год делали без дизайнера — ни макетов, ни Figma, каждый экран жил своей жизнью».
Решение: Аудит легаси → редизайн ядра QR-оплаты → дизайн-система в Figma. На этой базе собрана вся линейка продуктов.
Outcome
Импакт
- ✦ Пришёл единственным дизайнером на продукт, который год жил без макетов.
- ✦ Собрал дизайн-систему и линейку платёжных продуктов Клик. Сегодня сервис обслуживает более 1k партнёров и ~100k пользователей в месяц, а отдельные решения приносят прямую выручку.
(контакты)