Как мы придумали имя и интерфейс финтех-кошельку Swoopeer

Логотип Swoopeer: буква «О» движется слева направо и растёт
Логотип Swoopeer: буква «О» движется слева направо и растёт

О проекте

Клиент: Space Gate, международная финтех-компания, запускающая новый B2C-продукт.

Цель: вывести на рынок электронный кошелёк с собственным именем и лицом, который заметят рядом с гигантами вроде Revolut и которому будут доверять.

Задача: с нуля разработать нейминг, айдентику и UI/UX приложения для международных переводов и оплаты по QR-коду.

Результат: бренд Swoopeer и интерфейс приложения, собранный в полный UI-кит для разработки.

Кошелёк без имени

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

Главный экран: баланс и счета в разных валютах
Главный экран: баланс и счета в разных валютах

Сотни вариантов и три смысла

Нейминг стал самым сложным этапом. Мы перебрали сотни вариантов в поисках уникального имени, которое легко произнести на латинице. Суффикс Pay отвергли как банальный.

Подошло слово на стыке трёх смыслов:

  • swoop, быстрый бросок, метафора мгновенного перевода;
  • swap, обмен валют;
  • peer, от пользователя к пользователю.

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

Бросок в логотипе

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

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

Логотип Swoopeer в основном сине-фиолетовом цвете
Логотип Swoopeer в основном сине-фиолетовом цвете

Спокойный фон для денег

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

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

Верификация аккаунта и проверка паспорта
Верификация аккаунта и проверка паспорта

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

Все сценарии в одном UI-ките

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

Регистрация, главный экран, оплата по QR-коду и история операций
Регистрация, главный экран, оплата по QR-коду и история операций
UI-кит: типографика, навигация, поля, кнопки и статусы
UI-кит: типографика, навигация, поля, кнопки и статусы

Что получил клиент

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

Экраны в движении и видео есть в кейсе на сайте студии.

Проект опубликован пользователем. Чтобы поделиться своим проектом, написать новость или статью нажмите кнопку «Стать автором»