SAI Wallet
Создание бренда, UX/UI и коммуникационной системы для Web3-кошелька
UX/UI
Product Design
Branding
mobile app
Design System
crypto wallet
Startup
Моя роль
UX/UI Designer /
Product Designer/
Brand Designer
Команда
Ведущий дизайнер (я)
Основатель х2
Разработчик x2
Период
2025-2026
Статус
MVP 1.0,
версия в сторах
О проекте
SAI Wallet — мобильный криптокошелёк. Его главная особенность — фокус на стейблкоинах. В отличие от обычных криптокошельков, где стейкинг часто является второстепенной функцией, здесь он становится одним из центральных пользовательских сценариев.
Цель и задачи
Главная цель проекта — собрать цельный дизайн-фундамент для запуска SAI Wallet: от бренда и интерфейса приложения до сайта, презентации и технических материалов — решалась через 3 основные задачи:
  • Создать визуальный образ продукта с нуля как современного финансового решения.
  • Собрать MVP-приложение: от архитектуры и ключевых сценариев до дизайн-системы в двух темах.
  • Подготовить продукт к внешней коммуникации и сохранить консистентность во всех точках контакта (сайт, store-баннеры, соцсети, pitch deck и litepaper).
Ключевые результаты
SAI Wallet перешёл от продуктовой идеи к цельному визуальному проекту, запущенному в первую версию MVP для iOS и Android
Создана визуальная основа продукта, которая задала единый образ SAI Wallet как технологичного финансового продукта
Приложение стало цельной UX/UI-системой с поддержкой светлой и тёмной тем, что обеспечило гибкость и единообразие интерфейса
Подготовлена продуктовая упаковка для запуска: единый визуальный стиль был масштабирован на приложение, сайт, соцсети, pitch deck, litepaper
цифры после запуска
100+
скачиваний в сторах
5.0
рейтинг приложения
40+
проведенных операций
Подход
Я выстроила работу по принципу brand-to-product: сначала создала визуальную основу бренда, затем перенесла её в интерфейс приложения, а после масштабировала на сайт, сторы, соцсети, pitch deck и litepaper. Такой подход помог собрать не отдельные макеты, а цельную систему, в которой продукт выглядит последовательно для пользователей, инвесторов и технической аудитории.
В кейсе будет рассмотрена работа над приложением
Сryptowallet
Подход
Основная сложность проекта заключалась в том, чтобы совместить уникальные продуктовые возможности (работу со стейблкоинами и AI-помощь в стейкинге) с простотой и привычной логикой криптокошелька, сохраняя ощущение контроля как у новых, так и у более опытных пользователей.

Решением стало постепенное раскрытие сложности: сначала пользователь видит активы и доступные действия, а более глубокие технические детали появляются только в момент, когда они действительно необходимы. Так они помогают понимать, что происходит со средствами, не перегружают восприятие.
Исследователь
Новичок в сфере криптовалют, хочет открыть свой первый кошелек и накопить.
Боли:
  • Слишком много функционала: трудно и долго разбираться, непонятны основные сценарии.
  • Риск ошибиться и потерять деньги: выбрать не ту сеть, не тот адрес, не понять комиссию и пр.
Запрос:
Получить простой и безопасный опыт без необходимости разбираться во всей Web3-логике: увидеть, где находятся деньги, понять, что можно с ними сделать.
Инсайт:
  • В интерфейсе важна поддержка принятия решения о сделке: просмотр информации о рисках, ликвидности, комиссиях и ожидаемой доходности прежде чем подтвердить транзакцию.
  • Интерфейс должен быть разложен на несколько основных сценариев, которые видны и доступны пользователю в 1-2 шага.
Инвестор
Регулярно использует стейкинг и пулы ликвидности, чтобы увеличить свой портфель.
Боли:
  • Неясные условия заработка, нет фиксированных обязательств и понимания по прибыльности стейкинга
  • Нет подсказок и аналитики: самостоятельно нужно искать выгодные и проверенные предложения, мосты и пр.
Запрос:
Выбирать более прогнозируемый и выгодный сценарий дохода, видеть прозрачные условия до подтверждения операции.
Инсайт:
  • Встроить AI -аналитику и рекомендации стейкинга как часть интерфейса на каждом шаге, а не обособленное решение.
  • Интерфейс должен делать инвестиционные сценарии предсказуемыми. Поэтому условия стейкинга должны быть вынесены до подтверждения операции.
Информационная архитектура приложения
Главный экран — пункт управления активами и сетями
В мультичейн-кошельке один и тот же токен может находиться сразу в нескольких сетях, из-за чего список активов быстро становится перегруженным и сложным для восприятия.
Главная задача экрана — быстро ответить на вопрос: сколько у пользователя средств и где они находятся.
Фокус
Вместо разрозненного списка сетей, активы сгруппированы по токену, а детализация по сетям раскрывается внутри.
Копирование адреса — один из самых частых сценариев в криптокошельке — вынесен в начало. Пользователь быстро находит нужную сеть и копирует адрес без перехода в дополнительные экраны
Токен: ключевые действия и контроль
Экран токена — это рабочий центр актива. Пользователь должен быстро понять, что происходит с токеном, какие действия ему доступны и какие операции уже были выполнены.
Главная задача — чтобы пользователь не терял фокус с актива.
Фокус
Информация по активу и ключевые действия вынесены наверх и упорядочены иерархически.
История разделена визуально по 4 типам действий:
Receive, Send, Swap и Stake, что помогает визуально быстро понять, какие операции были проведены с активом.
Для каждой операции предусмотрена детализация. Это повышает прозрачность операций и снижает риск ошибки.
Блок с аналитикой встроен как вспомогательный инструмент и по умолчанию свернут, чтобы не отвлекать внимание от основных действий.
Экран токена
операции токена: Send, Receive, Swap
Стейкинг — главная операция
Стейкинг сложнее обычных операций, потому что пользователь передает активы в сценарий с условиями: срок блокировки, возможные штрафы, доходность, время стейкинга и пр.
Главная задача интерфейса — сделать стейкинг предсказуемым: пользователь должен быстро понять, какой актив выбрать, куда его разместить, на какой срок, какой доход ожидается и что произойдёт после подтверждения.
Фокус
Стейкинг вынесен в отдельную вкладку. Это обеспечивает быстрый доступ к разделу и подчёркивает его роль как одного из основных действий в продукте.
Раздел разбит на 4 сценария выбора и управления:
New, Active, AI recommendations и Popular. Это помогает разделить разные задачи в рамках одного раздела и разгрузить внимание пользователя.
Условия стейкинга вынесены в интерфейс до подтверждения операции и доступны после. Это делает сценарий более предсказуемым и снижает тревожность пользователя.
Стейкинг
Умный слой поддержки решений
В продукте был заложен дополнительный слой поддержки решений, который помогает пользователю получать понятные подсказки в нужный момент — от выбора стратегии до совершения операции.
Главной задачей было встроить эти инструменты так, чтобы они усиливали принятие решений, но не перегружали интерфейс.
Фокус/решение
Встроила аналитику в контекст использования, отказавшись от отдельных вкладок.
Разделила AI-рекомендации и популярные виды стейкинга, чтобы сохранить прозрачность и управляемость сценария.
Структурировала уведомления на четыре блока: операции с токенами, прогнозы по стейкингу, безопасность и технические сообщения.
Встроила подсказки и инсайты в сценарии работы с активами, чтобы поддерживать принятие решений без превращения кошелька в объемный dashboard.
AI-рекомендации по стратегии и заработку
поддержка принятия решения о сделке
трекинг и аналитика
мониторинг и оповещения
Профиль и настройки — безопасность и контроль
В некастодиальном кошельке настройки напрямую связаны с доверием: пользователь сам отвечает за доступ к средствам, выбор сетей и управление аккаунтами. Все это было собрано в профиле и настройках, чтобы отделить от основных операций кошелька.
Экраны настроек
дизайн-система: порядок и масштабируемость
Я собрала дизайн-систему, чтобы зафиксировать ключевые UI-паттерны, упростить масштабирование интерфейса и обеспечить единообразие во всех сценариях продукта.
Ожидаемый эффект UX/UI-решений
Быстрое первое успешное действие
За счет того, что интерфейс не требует от пользователя глубокого знания Web3 перед базовыми операциями
Больше завершенных транзакций
За счет прозрачного сценария: пользователь понимает, что отправляет, куда, в какой сети и с какой комиссией
Меньше ошибок при выборе сети
За счет явной детализации по сетям внутри токена и проверки данных перед подтверждением
Выше доверие к продукту
За счет понятных статусов, спокойной визуальной системы и объясняющих текстов в критичных местах
Брендинг и визуальная коммуникация
Подход
В основу визуальной идеи легла метафора стейкинга: отдельные элементы соединяются в устойчивую систему и начинают работать вместе. Этот принцип определил форму логотипа и был масштабирован на графику, композицию и коммуникационные материалы. Стилистика бренда подчеркивает соединение технологичности Web3 с ощущением надежности и контроля.
Брендинг и визуальная коммуникация
Подход
Я выстроила бренд вокруг трех ключевых принципов: простота, надежность и инновации. Визуальная система объединяет технологичность Web3 и понятность традиционных финансовых сервисов: минималистичная айдентика, сбалансированная цветовая палитра и ясная коммуникация помогают сделать продукт более доступным.
рефлексия
Ранний MVP требует баланса между полнотой и скоростью запуска: на старте было важно не охватить все возможные сценарии, а собрать устойчивую основу продукта для скорейшего запуска и апробации.
Перегруженные интерфейсы и большое количество технических деталей часто становятся причиной ошибок и снижают доверие новых пользователей, поэтому в проекте приоритет был отдан простой, но понятной визуальной иерархии и постепенному раскрытию информации.
Доверие формируется не только внутри продукта. Когда и технические, и коммуникационные материалы говорят на одном визуальном языке, молодой стартап воспринимается как более зрелый и целостный
Конец
Made on
Tilda