Дизайн мультивалютной криптобанковской платформы
Дизайн мультивалютной криптобанковской платформы
Дизайн мультивалютной криптобанковской платформы
Дизайн мультивалютной криптобанковской платформы
Моя роль
UI/UX Дизайнер - пользовательские сценарии, визуальный дизайн, прототипирование, юзабилити-тестирование
Что было сделано
Дизайн-система
Мобильное приложение
Веб-приложение
Админ-панель
Маркетинговый сайт
Команда проекта
Продуктовые дизайнеры, иллюстраторы,
маркетологи,
продакт-менеджеры,
веб- и мобильные разработчики
Год
2024 - 2025
В чем заключалась задача?
Когда мы начали работу над проектом, цель была амбициозной — создать криптобанк, который объединяет традиционные валюты и цифровые активы в единой экосистеме.
Когда мы начали работу над проектом, цель была амбициозной — создать криптобанк, который объединяет традиционные валюты и цифровые активы в единой экосистеме.
Когда мы начали работу над проектом, цель была амбициозной — создать криптобанк, который объединяет традиционные валюты и цифровые активы в единой экосистеме.
Проблема была очевидна: большинство существующих решений либо перегружены функциями, либо вызывают у пользователей недоверие. Люди терялись в навигации, допускали ошибки при переводах и тратили слишком много времени на базовые операции.
Проблема была очевидна: большинство существующих решений либо перегружены функциями, либо вызывают у пользователей недоверие. Люди терялись в навигации, допускали ошибки при переводах и тратили слишком много времени на базовые операции.
Проблема была очевидна: большинство существующих решений либо перегружены функциями, либо вызывают у пользователей недоверие. Люди терялись в навигации, допускали ошибки при переводах и тратили слишком много времени на базовые операции.
Доверие как ключ к продукту
Доверие как ключ к продукту
С самого начала мы понимали: главное препятствие — это доверие. Если пользователь не уверен, что его перевод пройдет успешно, он не останется. Мы сосредоточились на двух приоритетах: упростить пользовательские сценарии и сделать каждый шаг максимально прозрачным.
С самого начала мы понимали: главное препятствие — это доверие. Если пользователь не уверен, что его перевод пройдет успешно, он не останется. Мы сосредоточились на двух приоритетах: упростить пользовательские сценарии и сделать каждый шаг максимально прозрачным.
С самого начала мы понимали: главное препятствие — это доверие. Если пользователь не уверен, что его перевод пройдет успешно, он не останется. Мы сосредоточились на двух приоритетах: упростить пользовательские сценарии и сделать каждый шаг максимально прозрачным.
Я спроектировал прототипы для трёх ключевых сценариев — переводы, управление активами и операции с картами. Процесс перевода сократился с шести шагов до трёх, а динамическая валидация платежных данных помогла свести ошибки к минимуму.
Я спроектировал прототипы для трёх ключевых сценариев — переводы, управление активами и операции с картами. Процесс перевода сократился с шести шагов до трёх, а динамическая валидация платежных данных помогла свести ошибки к минимуму.
Я спроектировал прототипы для трёх ключевых сценариев — переводы, управление активами и операции с картами. Процесс перевода сократился с шести шагов до трёх, а динамическая валидация платежных данных помогла свести ошибки к минимуму.
Создание единого опыта
Чтобы избежать путаницы между фиатными и криптовалютами, мы разделили их на отдельные секции в панели управления и добавили быстрые действия прямо на главный экран. Балансы, курсы и статусы транзакций отображались в реальном времени, а визуальная система подчеркивала безопасность и простоту.
Чтобы избежать путаницы между фиатными и криптовалютами, мы разделили их на отдельные секции в панели управления и добавили быстрые действия прямо на главный экран. Балансы, курсы и статусы транзакций отображались в реальном времени, а визуальная система подчеркивала безопасность и простоту.
Чтобы избежать путаницы между фиатными и криптовалютами, мы разделили их на отдельные секции в панели управления и добавили быстрые действия прямо на главный экран. Балансы, курсы и статусы транзакций отображались в реальном времени, а визуальная система подчеркивала безопасность и простоту.
Совместно с командой я разработал лёгкую дизайн-систему — с переиспользуемыми компонентами, масштабируемой типографикой и понятной цветовой палитрой. Это позволило быстрее прототипировать и сохранять визуальную целостность между мобильной и веб-версиями.
Совместно с командой я разработал лёгкую дизайн-систему — с переиспользуемыми компонентами, масштабируемой типографикой и понятной цветовой палитрой. Это позволило быстрее прототипировать и сохранять визуальную целостность между мобильной и веб-версиями.
Совместно с командой я разработал лёгкую дизайн-систему — с переиспользуемыми компонентами, масштабируемой типографикой и понятной цветовой палитрой. Это позволило быстрее прототипировать и сохранять визуальную целостность между мобильной и веб-версиями.
Минимальная Дизайн-Система
Минимальная Дизайн-Система
Минимальная Дизайн-Система
Минимальная Дизайн-Система
Дизайн с вниманием к деталям
Дизайн с вниманием к деталям
Каждое решение мы принимали, опираясь на данные. Мы тесно сотрудничали с разработчиками, проводя ежедневные ревью сборок, чтобы убедиться, что дизайн функционален и интуитивен. Навигация и интерактивные элементы были оптимизированы для максимальной ясности.
Каждое решение мы принимали, опираясь на данные. Мы тесно сотрудничали с разработчиками, проводя ежедневные ревью сборок, чтобы убедиться, что дизайн функционален и интуитивен. Навигация и интерактивные элементы были оптимизированы для максимальной ясности.
Чтобы повысить безопасность, мы добавили чёткие метки транзакций и инструменты вроде проверки курса, проверки сети и трекера переводов. Это дало пользователям прозрачность и снизило риски.
Чтобы повысить безопасность, мы добавили чёткие метки транзакций и инструменты вроде проверки курса, проверки сети и трекера переводов. Это дало пользователям прозрачность и снизило риски.
Внедрение минимальной дизайн-системы
Внедрение минимальной
дизайн-системы
Я разработал с командой базовую дизайн-систему с ключевыми компонентами, типографикой и простой цветовой палитрой. Это обеспечило консистентность и масштабируемость всех цифровых продуктов. Создав библиотеку переиспользуемых компонентов, я ускорил совместную работу и упростил поддержку визуально цельного интерфейса.
Умные переводы с встроенным калькулятором
Умные переводы
с встроенным калькулятором
Во время тестов мы заметили любопытную закономерность: многие пользователи переключались между приложением и калькулятором на телефоне, прежде чем завершить перевод. Например, после похода в кафе с друзьями приходилось сначала вычислять свою долю на калькуляторе, а затем вручную вводить итоговую сумму в приложение.
Чтобы убрать этот лишний шаг, мы встроили калькулятор прямо в поле ввода суммы транзакции. Теперь можно было вводить не только число, но и простые выражения, например 0.00000282 + 0.00000195, и система сразу считала результат.
Во время тестов мы заметили любопытную закономерность: многие пользователи переключались между приложением и калькулятором на телефоне, прежде чем завершить перевод. Например, после похода в кафе с друзьями приходилось сначала вычислять свою долю на калькуляторе, а затем вручную вводить итоговую сумму в приложение. Чтобы убрать этот лишний шаг, мы встроили калькулятор прямо в поле ввода суммы транзакции. Теперь можно было вводить не только число, н и простые выражения, например 1 645 + 3 547, и система сразу считала результат.
Во время тестов мы заметили любопытную закономерность: многие пользователи переключались между приложением и калькулятором на телефоне, прежде чем завершить перевод. Например, после похода в кафе с друзьями приходилось сначала вычислять свою долю на калькуляторе, а затем вручную вводить итоговую сумму в приложение. Чтобы убрать этот лишний шаг, мы встроили калькулятор прямо в поле ввода суммы транзакции. Теперь можно было вводить не только число, но и простые выражения, например 0.00000282 + 0.00000195, и система сразу считала результат.
Это убрало необходимость прыгать между приложениями и сделало процесс быстрее и удобнее. Независимо от того, работали ли пользователи с малыми суммами ETH или конвертировали фиат в крипту, теперь всё происходило в одном месте.
Это убрало необходимость прыгать между приложениями и сделало процесс быстрее и удобнее. Независимо от того, работали ли пользователи с малыми суммами ETH или конвертировали фиат в крипту, теперь всё происходило в одном месте.
Как мы измерили успех
Функция оказалась неожиданно популярной:
64% участников тестов начали использовать её без подсказок,
Время на завершение транзакции сократилось на 27%,
Многие описали её как «маленькая деталь, которая меняет всё».
Функция оказалась неожиданно популярной:
64% участников тестов начали использовать её без подсказок,
Время на завершение транзакции сократилось на 27%,
Многие описали её как «маленькая деталь, которая меняет всё».
Сотрудничество и проверка решений
Сотрудничество
и проверка решений
На протяжении всего процесса основой успеха оставалось взаимодействие. Работая с кросс-функциональными командами, я добивался того, чтобы дизайн отвечал и бизнес-целям, и потребностям пользователей. Постоянные циклы обратной связи — от релизов в TestFlight до опросов — позволяли нам быстро корректировать продукт на основе реальных инсайтов.
На протяжении всего процесса основой успеха оставалось взаимодействие. Работая с кросс-функциональными командами, я добивался того, чтобы дизайн отвечал и бизнес-целям, и потребностям пользователей. Постоянные циклы обратной связи — от релизов в TestFlight до опросов — позволяли нам быстро корректировать продукт на основе реальных инсайтов.
42%
42%
42%
количество ошибок при переводах снизилось
количество ошибок при переводах снизилось
количество ошибок при переводах снизилось
85%
85%
85%
пользователей описали интерфейс как «понятный и вызывающий доверие»
пользователей описали интерфейс как «понятный и вызывающий доверие»
пользователей описали интерфейс как «понятный и вызывающий доверие»
40%
40%
40%
среднее время транзакции сократилось
среднее время транзакции сократилось
среднее время транзакции сократилось
78%
78%
78%
тестировщиков прошли все ключевые сценарии без посторонней помощи
тестировщиков прошли все ключевые сценарии без посторонней помощи
тестировщиков прошли все ключевые сценарии без посторонней помощи
Результаты и показатели
Этот опыт показал, насколько важно сочетать UX, основанный на исследованиях, со скалируемой дизайн-системой. Мы доказали, что даже сложный криптобанковский продукт может быть интуитивным, надёжным и простым в использовании.
Этот опыт показал, насколько важно сочетать UX, основанный на исследованиях, со скалируемой дизайн-системой. Мы доказали, что даже сложный криптобанковский продукт может быть интуитивным, надёжным и простым в использовании.
После запуска
Хотя платформа дошла до продвинутого этапа разработки и тестирования, до полноценного публичного релиза она так и не вышла. Доступ к системе был ограничен только отдельными тестовыми группами и узким кругом пользователей.
Хотя платформа дошла до продвинутого этапа разработки и тестирования, до полноценного публичного релиза она так и не вышла. Доступ к системе был ограничен только отдельными тестовыми группами и узким кругом пользователей.
Главным препятствием стали юридические и регуляторные ограничения, связанные с трансграничными переводами и одновременной работой с фиатными валютами и криптой в рамках одного банковского продукта. Несмотря на хорошие результаты юзабилити-тестов и положительные отзывы пользователей, вопросы комплаенса сделали невозможным масштабирование проекта для широкой аудитории.
Тем не менее, этот проект стал ценным кейсом, показавшим, как продуманный UX, дизайн на основе данных и командная работа помогают превратить сложные финансовые сервисы в понятный и удобный цифровой продукт.
Главным препятствием стали юридические и регуляторные ограничения, связанные с трансграничными переводами и одновременной работой с фиатными валютами и криптой в рамках одного банковского продукта. Несмотря на хорошие результаты юзабилити-тестов и положительные отзывы пользователей, вопросы комплаенса сделали невозможным масштабирование проекта для широкой аудитории.
Тем не менее, этот проект стал ценным кейсом, показавшим, как продуманный UX, дизайн на основе данных и командная работа помогают превратить сложные финансовые сервисы в понятный и удобный цифровой продукт.