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

Международная финтех-компания Space Gate запускала новый B2C-продукт, электронный кошелёк для международных переводов и оплаты по QR-коду. Студия получила работу целиком, от имени до интерфейса: нейминг, айдентика, UI/UX приложения и UI-кит для разработки.

Продукт задумывался для трансграничных платежей: переводы из России в Филиппины, Китай и Таиланд и обратно, а также работа с криптовалютой. Перед стартом проектирования были открыты три вопроса.

Первый: как назвать продукт и как он будет выглядеть. Ни имени, ни фирменного стиля на старте не было.

Второй: как выделиться на переполненном рынке, где работают компании масштаба Revolut, и при этом вызывать доверие.

Третий: как уместить международные переводы, QR-оплату и криптооперации в простой интерфейс.

1. Нейминг

Самый сложный этап проекта. Команда перебрала сотни вариантов. Критерии были такие: уникальность, лёгкое произношение на латинице и отсутствие суффикса Pay.

В финальном названии Swoopeer соединены три смысла: swoop (быстрый бросок, метафора мгновенного перевода), swap (обмен валют) и peer (peer-to-peer, от пользователя к пользователю). Название можно использовать как глагол: «Свупни мне денег», «Кинь свуп».

2. Айдентика

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

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

3. Интерфейс

Первая версия основных экранов была с ярким градиентным фоном. Клиент посчитал, что фон перетягивает на себя слишком много внимания. Яркий градиент мешал считывать информацию.

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

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

4. Сценарии и UI-кит

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

Заказчик получил три вещи: имя продукта, айдентику и полный набор экранов и состояний в UI-ките. С этим комплектом команда Space Gate могла перейти к технической реализации.

Полный кейс с видео экранов на сайте студии.