Дизайн мобильного приложения для финтех-сервиса Swoopeer

• Клиент: международная финтех-компания Space Gate, запускающая новый B2C-продукт.
• Задача: разработать с нуля нейминг, айдентику и дизайн интерфейса (UI/UX) для электронного кошелька, ориентированного на международные переводы и оплату по QR-коду.
• Результат: создан бренд Swoopeer и спроектирован интуитивно понятный интерфейс приложения. Дизайн-система построена на принципах чистоты, акцентной графики и удобства для быстрых финансовых операций.

Компания выводила на рынок амбициозный продукт — электронный кошелёк для трансграничных платежей, который должен был упростить переводы из России в страны Азии (Филиппины, Китай, Таиланд) и обратно, а также работать с криптовалютой.

Основные боли клиента:

• Отсутствие имени и лица: у проекта не было названия и фирменного стиля. Нужно было найти имя, которое будет звучать смело, современно и технологично на международном рынке.
• Высокая конкуренция: рынок финтех-приложений переполнен. Нужно было решение, которое выделит сервис на фоне гигантов вроде Revolut и при этом будет вызывать доверие.
• Сложность для пользователя: продукт сочетал в себе несколько функций (международные переводы, QR-оплата, крипто-операции). Интерфейс должен был оставаться простым и не перегружать пользователя.

Это был самый сложный этап. Мы перебрали сотни вариантов, стремясь найти уникальное, легко произносимое на латинице имя, и избегали банального суффикса «Pay». Решение нашлось на стыке трёх смыслов:

• Swoop — быстрый бросок, хватка. Метафора мгновенного перевода.
• Swap — обмен, замена. Прямая отсылка к обмену валют.
• Peer — peer-to-peer (от пользователя к пользователю).

Так родился неологизм Swoopeer. Название получилось ритмичным (два повтора «о» и «е») и заложило основу для вирусного маркетинга: «Свупни мне денег», «Кинь свуп».

Визуальная концепция родилась из самого названия.

«Суть слова swoop — это бросок от пользователя к пользователю. Мы использовали эту идею, показав букву „О“, которая перемещается слева направо с увеличением. Это похоже на волну, которую запускают болельщики на стадионе: мощно, быстро и объединяюще», — Артём Яковлев, арт-директор студии «Арбуз».

В качестве основного цвета был выбран глубокий сине-фиолетовый: он ассоциируется с технологиями и безопасностью и при этом выглядит свежо и энергично.

Путь к финальному дизайну был итерационным. Мы начали с чистого и минималистичного интерфейса для экранов авторизации. При работе над основными экранами возникла сложность: первая версия с ярким градиентным фоном, по мнению клиента, перетягивала на себя слишком много внимания.

• Проблема: яркий фон создавал визуальный шум, мешал считывать информацию и делал интерфейс похожим на «баг смены темы», где часть элементов осталась старой.
• Решение: мы отказались от агрессивных градиентов в пользу чистоты и воздуха. Основные функциональные блоки («острова») разместили на спокойном фоне, что позволило сфокусировать внимание пользователя на главном: балансе, истории операций и кнопках действий.

«В финтехе дизайн не должен спорить с функцией. Мы убрали визуальный шум, чтобы оставить пользователя наедине с главным — его деньгами и скоростью операции», — Артём Яковлев, арт-директор студии «Арбуз».

Вместо декоративных элементов фокус сместился на пользовательский опыт: мы спроектировали логику «парящих» элементов, таких как нижний таб-бар, и продумали основу для будущих микроанимаций, чтобы взаимодействие с приложением было тактильно приятным.

Мы отрисовали все основные пользовательские пути, включая:

• авторизацию и регистрацию;
• главный экран с балансом и счетами;
• процесс перевода средств;
• оплату по QR-коду;
• историю транзакций и настройки профиля.

В результате был создан полный UI-кит, готовый для передачи в разработку.

• Создан сильный бренд: нейминг и айдентика Swoopeer отражают скорость и лёгкость транзакций и закладывают основу для маркетингового продвижения.
• Готовый к разработке продукт: спроектирован полный набор экранов и состояний, что позволило команде клиента без промедления приступить к технической реализации.
• Пользовательский опыт в центре внимания: финальный дизайн сфокусирован на главной задаче пользователя — быстро и безопасно совершить платёж, без отвлекающих факторов.