WIT: дизайн и айдентика финтех-приложения с онлайн-банком и криптокошельком — от метафоры айсберга до маскота-осьминога

Главное о кейсе

WIT — финтех-приложение для рынка Азербайджана, которое объединяет онлайн-банк и криптокошелек: обычно пользователю нужны два разных продукта, банки с криптоактивами не работают. Первое подобное решение в регионе — команда получила разрешение регулятора еще до старта разработки.

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

За 3 месяца Purrweb создали с нуля целостную айдентику и фирменный стиль: визуальную метафору айсберга (двухуровневая природа продукта: банк на поверхности, крипта «под водой»), логотип, маскота-осьминога с эмоциональной палитрой, UI/UX мобильного приложения — сотни макетов в Figma, включая 64 экрана регистрации и KYC, — а также гайдбук и концепты мерча, которым хочется пользоваться.

Было: идея без лица. Стало: приложение в релизе с уникальной айдентикой, которой нет ни у кого на рынке.

Как проект изменил жизнь пользователей

- Управлять фиатом и криптой стало можно в одном приложении: не нужно два кошелька и переключение между ними.
- Банковская строгость интерфейса не пугает новичков: понятные паттерны из привычных банковских приложений, а эмоции маскота подсказывают, что происходит, и задают настроение — финтех без стресса.
- Сотни макетов в Figma: проработаны все пользовательские сценарии — от регистрации с KYC до истории трат с диаграммами, покупки крипты и переводов по адресу или QR-коду.
- Темная и светлая темы — под разное время суток и настроение.
- Продукт стал частью идентичности: мерч — от худи с щупальцами до стикеров и обоев, — которым действительно хочется пользоваться.

Бизнес-задача и ее решение

Задача: создать продукт с уникальной визуальной айдентикой, чтобы WIT отличался от всего, что есть на рынке Азербайджана, и вызвать доверие пользователей к принципиально новой модели «банк + крипта». Первое такое решение в регионе — ставка на дизайн была ставкой на успех всего выхода на рынок.

Решение: Purrweb с опытом в смелых крипто-проектах (Kaiju и другие) взяли полный контур дизайна: анализ рынка и референсов (включая Leobank — референс заказчика), карту ассоциаций, две альтернативные визуальные метафоры (айсберг против пчелы), мудборд, дизайн-концепт, UI/UX всех пользовательских сценариев приложения, гайдбук и концепты мерча — от толстовок до билбордов и вывесок для офиса.

Результат для бизнеса: приложение вышло в релиз в App Store с айдентикой, которой нет ни у кого на рынке; бренд получил целостную систему — от логотипа и маскота до мерча и вывесок, — работающую на доверие и запоминаемость.

Крафт (мастерство), реализация, технические детали

- Метафора айсберга, считываемая на двух уровнях: «на поверхности» — привычный банк, «под водой» — крипта. Глубокая и одновременно мгновенно понятная; острые формы и глубокий синий подчеркивают надежность.
- Метод «двух концепций»: параллельно проработали айсберг и пчелу (от нейминга: wit — остроумие) с логотипами под каждую, и дали заказчику настоящий выбор.
- Маскот-осьминог как часть UX: прошел 17 итераций до финального облика; эмоции на мордочке сообщают пользователю состояние системы. Плюс редкий выбор — осьминогов почти не берут в маскоты, идея свежая.
- Баланс «серьезное + дерзкое»: функциональные элементы строгие, как в банковских приложениях, иллюстрации и детали — хулиганские; маскот, «чернильные пятна» и ироничные иллюстрации дают характер, не мешая сосредоточиться — в финтехе нельзя допустить ошибку.
- 64 экрана на регистрацию и KYC: четыре флоу (регистрация, пин-код, подтверждение личности для граждан Азербайджана и иностранцев) с паспортными данными и биометрией — критично для легальной работы продукта.
- Дизайн-система на все касания бренда: гайдбук, аватарки, мерч (худи со щупальцами, стикеры, браслеты в трех «не просто синих» цветах), билборды, роллапы, вывески.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

- Референсы искали с двух сторон: сами и через заказчика — просили скрины продуктов, на которые WIT хочет быть похожим. Смотрели не только конкурентов, но и маркетплейсы, доставки, фитнес-приложения: интересные идеи живут в неочевидных местах.
- Ключ к метафоре нашли в самом названии: wit — «острота ума» — разрешил гротескные и юмористические образы в строгом банковском продукте.
- «Битва пчелы и айсберга»: обе концепции защитили перед заказчиком, и выбор настоящей, а не формальной, определил весь дальнейший дизайн.
- Осьминог «всплыл» позже: концепция вышла чистой и лаконичной, но заказчику хотелось яркого и дерзкого — так в строгом интерфейсе появился маскот.
- Гибкость к деталям: когда обновили дизайн интерфейса, перекрасили уже готового маскота в ярко-синий, чтобы он заиграл в новой палитре.

Скриншоты