LiqYld. Как я сократил время выбора крипто-пула с 1 минуты до 11 секунд и снизил bounce rate на 23%.
LiqYld. Как я сократил время выбора крипто-пула с 1 минуты до 11 секунд и снизил bounce rate на 23%.
Пересобрал архитектуру mobile-first сервиса, превратив сложный трейдерский инструмент в понятный продукт для новичков.
Пересобрал архитектуру mobile-first сервиса, превратив сложный трейдерский инструмент в понятный продукт для новичков.
О чем этот кейс?
Результат отрезвил всех: сложный визуал запутал целевую аудиторию .Они терялись в фильтрах и не могли с ходу считать нужные проценты.
В этом кейсе я хочу продемонстрировать свой навык работы с суровой реальностью. Вы увидите, как я справлялся с хаотичными ограничениями API криптобирж, как снимал требования стейкхолдера через юзабилити-тесты и почему радикальное упрощение интерфейса, в ущерб креативу, оказалось единственно верным бизнес-решением.
В этом кейсе я хочу продемонстрировать свой навык работы с суровой реальностью. Вы увидите, как я справлялся с хаотичными ограничениями API криптобирж, как снимал требования стейкхолдера через юзабилити-тесты и почему радикальное упрощение интерфейса, в ущерб креативу, оказалось единственно верным бизнес-решением.
Ключевые результаты
Ключевые результаты
↓ 23% Bounce Rate
↓ 23% Bounce Rate
Пользователи перестали пугаться интерфейса и закрывать сайт в первые 10 секунд.
Пользователи перестали пугаться интерфейса и закрывать сайт в первые 10 секунд.
11 секунд Time-to-Value
11 секунд Time-to-Value
Время от входа в продукт до выбора нужного пула сократилось с 1 минуты до 11 секунд.
Время от входа в продукт до выбора нужного пула сократилось с 1 минуты до 11 секунд.
↑ 4x DAU
↑ 4x DAU
Ежедневная активная аудитория выросла с 30 до 130+ человек после релиза понятного интерфейса.
Ежедневная активная аудитория выросла с 30 до 130+ человек после релиза понятного интерфейса.
Атомарный дизайн
Атомарный дизайн
Благодаря UI-киту команда теперь добавляет новые страницы и биржи без перерисовки дизайна.
Благодаря UI-киту команда теперь добавляет новые страницы и биржи без перерисовки дизайна.
О проекте
О проекте
Клиент
Клиент
LiqYld (ОАЭ)
LiqYld (ОАЭ)
Продукт
Продукт
Сервис сканирования ликвидности и доходности (DeFi)
Сервис сканирования ликвидности и доходности (DeFi)
Сроки
Сроки
6 месяцев
6 месяцев
Моя роль
Моя роль
Единственный продуктовый дизайнер на проекте
Единственный продуктовый дизайнер на проекте
Что я сделал
Что я сделал
Погружение в проект
Погружение в проект
Провел UX-аудит старой версии, конкурентный анализ. Выявил причины оттока новичков (сложная навигация, перегруженные карточки). Сформулировал Job Stories и приоритизировал гипотезы.
Провел UX-аудит старой версии, конкурентный анализ. Выявил причины оттока новичков (сложная навигация, перегруженные карточки). Сформулировал Job Stories и приоритизировал гипотезы.
UX-архитектура
UX-архитектура
Спроектировал линейный User Flow, изолировав фильтры от глобального меню.
Спроектировал линейный User Flow, изолировав фильтры от глобального меню.
Прототипирование и тесты
Прототипирование и тесты
Собрал Low-fi и High-fi прототипы, протестировал их на целевой аудитории и смело «откинул» изначальную гипотезу о необходимости вау-эффектов в пользу строгих данных.
Собрал Low-fi и High-fi прототипы, протестировал их на целевой аудитории и смело «откинул» изначальную гипотезу о необходимости вау-эффектов в пользу строгих данных.
UI и Дизайн-система
UI и Дизайн-система
Привел данные с разных бирж к единому стандарту и собрал масштабируемый UI-kit для разработчиков.
Привел данные с разных бирж к единому стандарту и собрал масштабируемый UI-kit для разработчиков.
Подготовка к релизу
Подготовка к релизу
Синхронизация с фронтенд-разработчиками, авторский надзор (дизайн-ревью) перед релизом.
Синхронизация с фронтенд-разработчиками, авторский надзор (дизайн-ревью) перед релизом.
Контекст
Контекст
LiqYld задумывался как удобный инструмент для новичков в DeFi. Бизнес планировал привлекать массовую аудиторию, чтобы в будущем монетизировать трафик.
Но по факту старый дизайн вываливал на пользователя стену из нечитаемых фильтров, таймеров и сложных аббревиатур. Интерфейс пугал новичков и запутывал даже экспертов.
LiqYld задумывался как удобный инструмент для новичков в DeFi. Бизнес планировал привлекать массовую аудиторию, чтобы в будущем монетизировать трафик.
Но по факту старый дизайн вываливал на пользователя стену из нечитаемых фильтров, таймеров и сложных аббревиатур. Интерфейс пугал новичков и запутывал даже экспертов.
Задача
Задача
Старая версия сайта пугала новичков сложным трейдерским интерфейсом. Задача заключалась в том, чтоб пересобрать из сложного терминала в интуитивно понятный B2C-продукт.
Старая версия сайта пугала новичков сложным трейдерским интерфейсом. Задача заключалась в том, чтоб пересобрать из сложного терминала в интуитивно понятный B2C-продукт.
Удержать трафик
Удержать трафик
Снизить показатель отказов (bounce rate) на первом экране, чтобы сохранить базу для будущей рекламной монетизации.
Снизить показатель отказов (bounce rate) на первом экране, чтобы сохранить базу для будущей рекламной монетизации.
Пользовательская ценность
Пользовательская ценность
Дать возможность за секунды сравнивать доходность (APR) без страха сделать ошибку.
Дать возможность за секунды сравнивать доходность (APR) без страха сделать ошибку.
Технические ограничения
Технические ограничения
Хаотичный API (разные криптобиржи отдают разные объемы данных, дизайн не должен ломаться, если данных не хватает).
Хаотичный API (разные криптобиржи отдают разные объемы данных, дизайн не должен ломаться, если данных не хватает).
Сроки
Сроки
До 31 декабря надо было уже выкатить основной функционал сервиса. А после декабря – можно дорабатывать.
До 31 декабря надо было уже выкатить основной функционал сервиса. А после декабря – можно дорабатывать.
Процесс
Процесс
Сбор ограничений до начала работы
Результат отрезвил всех: сложный визуал запутал целевую аудиторию .Они терялись в фильтрах и не могли с ходу считать нужные проценты.
Прежде чем идти к пользователям или открывать Figma, я провел стартовый брифинг с фаундером и бэкенд-разработчиками. Мне нужно было четко разделить технические лимиты «под капотом» и интерфейсные задачи.
Прежде чем идти к пользователям или открывать Figma, я провел стартовый брифинг с фаундером и бэкенд-разработчиками. Мне нужно было четко разделить технические лимиты «под капотом» и интерфейсные задачи.
UX-Аудит
Результат отрезвил всех: сложный визуал запутал целевую аудиторию .Они терялись в фильтрах и не могли с ходу считать нужные проценты.
Собрав бизнес-требования и ограничения по API, я приступил к проектированию. Мой процесс строился не на визуальных предпочтениях, а на жесткой валидации каждого шага: от анализа рынка до юзабилити-тестов.
Собрав бизнес-требования и ограничения по API, я приступил к проектированию. Мой процесс строился не на визуальных предпочтениях, а на жесткой валидации каждого шага: от анализа рынка до юзабилити-тестов.
Исследования
Результат отрезвил всех: сложный визуал запутал целевую аудиторию .Они терялись в фильтрах и не могли с ходу считать нужные проценты.
Затем я провел исследование, чтоб понять, как работают сервисы CEX и DEX. Разобрался, в чем их различия, каких принципов надо придерживаться при проектировании сервисов в сфере криптовалют, а еще выделил лучшие практики, которые легли в основу проектирования интерфейса.
Затем я провел исследование, чтоб понять, как работают сервисы CEX и DEX. Разобрался, в чем их различия, каких принципов надо придерживаться при проектировании сервисов в сфере криптовалют, а еще выделил лучшие практики, которые легли в основу проектирования интерфейса.
На основе этого я понял, какие стандарты есть сейчас в индустрии. Дальше я сформировал ряд практик, которые лучше всего решают задачи проекта. Следующим шагом я проанализировал прямых и косвенных конкурентов и собрал список критериев, по которым их вообще можно считать конкурентами.
На основе этого я понял, какие стандарты есть сейчас в индустрии. Дальше я сформировал ряд практик, которые лучше всего решают задачи проекта. Следующим шагом я проанализировал прямых и косвенных конкурентов и собрал список критериев, по которым их вообще можно считать конкурентами.
После общения с фаундером, целевой аудиторией и командой я описал сегменты аудитории и составил ряд Job Stories, из которых выделил основные гипотезы, которые дальше пошли в работу.
После общения с фаундером, целевой аудиторией и командой я описал сегменты аудитории и составил ряд Job Stories, из которых выделил основные гипотезы, которые дальше пошли в работу.
Концепты
Результат отрезвил всех: сложный визуал запутал целевую аудиторию .Они терялись в фильтрах и не могли с ходу считать нужные проценты.
Чтобы не спорить о вкусах, я перевел обе гипотезы в интерактивные Medium-fidelity прототипы. Мне нужно было проверить, какой подход реально решит задачу бизнеса.
Чтобы не спорить о вкусах, я перевел обе гипотезы в интерактивные Medium-fidelity прототипы. Мне нужно было проверить, какой подход реально решит задачу бизнеса.
Я проверил первый прототип на фокус-группе из 5 человек с разным опытом в сфере крипты. Результат: сложный визуал замедлил считывание данных и запутал даже тех, кто уже давно находится в сфере инвестиций, но решил выйти еще на рынок криптовалют.
Я проверил первый прототип на фокус-группе из 5 человек с разным опытом в сфере крипты. Результат: сложный визуал замедлил считывание данных и запутал даже тех, кто уже давно находится в сфере инвестиций, но решил выйти еще на рынок криптовалют.
Разворот к новой концепции
Разворот к новой концепции
Этот провал стал главным инсайтом проекта. Если «креативный» интерфейс сбивает с толку, то наша целевая аудитория гарантированно закроет сайт. Я сделал радикальный разворот в сторону утилитарности.
Этот провал стал главным инсайтом проекта. Если «креативный» интерфейс сбивает с толку, то наша целевая аудитория гарантированно закроет сайт. Я сделал радикальный разворот в сторону утилитарности.
Концентрация на самом важном
Концентрация на самом важном
Безжалостно вырезал все визуальные эффекты и декор. Оставил только то, что решает задачи проекта.
Безжалостно вырезал все визуальные эффекты и декор. Оставил только то, что решает задачи проекта.
Фокус на данных
Фокус на данных
Выстроил строгую иерархию, где APR (доходность) — абсолютная доминанта.
Выстроил строгую иерархию, где APR (доходность) — абсолютная доминанта.
Возврат к паттернам
Возврат к паттернам
Вернул привычную механику навигации, с которой пользователи уже умеют работать на других биржах.
Вернул привычную механику навигации, с которой пользователи уже умеют работать на других биржах.
Результат
Результат
Решение 1. Распутываем навигацию
Решение 1. Распутываем навигацию
В старой версии переключение между разделами и фильтрация пулов были слеплены в один нечитаемый подвал. Я развел их по разным веткам.
Глобальная навигация ушла в привычный паттерн (нижний Tab Bar), а фильтры стали локальными для каждого экрана. Теперь идеальный путь пользователя работает как по рельсам: Зашел на главную → В один тап отфильтровал пулы → Сравнил выдачу → Перешел на биржу.
В старой версии переключение между разделами и фильтрация пулов были слеплены в один нечитаемый подвал. Я развел их по разным веткам.
Глобальная навигация ушла в привычный паттерн (нижний Tab Bar), а фильтры стали локальными для каждого экрана. Теперь идеальный путь пользователя работает как по рельсам: Зашел на главную → В один тап отфильтровал пулы → Сравнил выдачу → Перешел на биржу.
Решение 2. Дизайн карточки
Решение 2. Дизайн карточки
Каждая криптобиржа отдает данные об условиях в своем хаотичном формате. Если выводить их «как есть», мозг пользователя взорвется. Я спроектировал единый, утилитарный шаблон карточки.
Она работает как переводчик: берет любые запутанные данные с разных бирж и приводит их к единому жесткому стандарту. Теперь новичок считывает потенциальную прибыль за долю секунды.
Каждая криптобиржа отдает данные об условиях в своем хаотичном формате. Если выводить их «как есть», мозг пользователя взорвется. Я спроектировал единый, утилитарный шаблон карточки.
Она работает как переводчик: берет любые запутанные данные с разных бирж и приводит их к единому жесткому стандарту. Теперь новичок считывает потенциальную прибыль за долю секунды.
Решение 3. Готовность к масштабированию
Решение 3. Готовность к масштабированию
Продукт LiqYld планировал активно расти и подключать новые криптобиржи. Чтобы этот процесс не превратился в бесконечную перерисовку экранов, я заложил жесткий фундамент: перевел весь хаос в масштабируемый UI-kit на базе принципов атомарного дизайна.
Продукт LiqYld планировал активно расти и подключать новые криптобиржи. Чтобы этот процесс не превратился в бесконечную перерисовку экранов, я заложил жесткий фундамент: перевел весь хаос в масштабируемый UI-kit на базе принципов атомарного дизайна.
Бизнес-ценность системы
Бизнес-ценность системы
Собрал масштабируемую дизайн-систему на атомарном уровне. Теперь добавление новой криптобиржи в интерфейс занимает у разработчиков минуты, без необходимости каждый раз привлекать дизайнера.
Собрал масштабируемую дизайн-систему на атомарном уровне. Теперь добавление новой криптобиржи в интерфейс занимает у разработчиков минуты, без необходимости каждый раз привлекать дизайнера.
Масштабирование на другие страницы
Масштабирование на другие страницы
Теперь добавление новой биржи или страницы не требует моего участия. Разработчики могут собирать из готовых компонентов.
Теперь добавление новой биржи или страницы не требует моего участия. Разработчики могут собирать из готовых компонентов.
Консистентность без QA-боли
Консистентность без QA-боли
Все цветовые токены, отступы и состояния элементов строго задокументированы. Это избавило нас от бесконечных правок на этапе дизайн-ревью и радикально ускорило Time-to-Market для новых фич.
Все цветовые токены, отступы и состояния элементов строго задокументированы. Это избавило нас от бесконечных правок на этапе дизайн-ревью и радикально ускорило Time-to-Market для новых фич.
Ключевые результаты
Ключевые результаты
↓ 23% Bounce Rate
↓ 23% Bounce Rate
Пользователи перестали пугаться интерфейса и закрывать сайт в первые 10 секунд.
Пользователи перестали пугаться интерфейса и закрывать сайт в первые 10 секунд.
11 секунд Time-to-Value
11 секунд Time-to-Value
Время от входа в продукт до выбора нужного пула сократилось с 1 минуты до 11 секунд.
Время от входа в продукт до выбора нужного пула сократилось с 1 минуты до 11 секунд.
↑ 4x DAU
↑ 4x DAU
Ежедневная активная аудитория выросла с 30 до 130+ человек после релиза понятного интерфейса.
Ежедневная активная аудитория выросла с 30 до 130+ человек после релиза понятного интерфейса.
Атомарный дизайн
Атомарный дизайн
Благодаря UI-киту команда теперь добавляет новые страницы и биржи без перерисовки дизайна.
Благодаря UI-киту команда теперь добавляет новые страницы и биржи без перерисовки дизайна.
Выводы
Выводы
Скучный интерфейс в крипте – это высший комплимент.
Скучный интерфейс в крипте – это высший комплимент.
Изначально я делал ставку на визуально выразительный подход и нестандартную подачу интерфейса. Однако пользовательские тесты показали, что в DeFi-сервисах ключевую роль играют скорость восприятия информации, понятный APR и прозрачность рисков. Это помогло переосмыслить подход и сфокусироваться на создании функционального, лаконичного и удобного интерфейса.
Изначально я делал ставку на визуально выразительный подход и нестандартную подачу интерфейса. Однако пользовательские тесты показали, что в DeFi-сервисах ключевую роль играют скорость восприятия информации, понятный APR и прозрачность рисков. Это помогло переосмыслить подход и сфокусироваться на создании функционального, лаконичного и удобного интерфейса.
Дизайн начинается с API-документации, а не с Figma.
Дизайн начинается с API-документации, а не с Figma.
Раньше я думал только о визуальной консистентности. Но когда мы начали подтягивать реальные крипто-пулы, оказалось, что разные биржи отдают данные в абсолютно хаотичном виде (у одной есть лимиты, у другой нет). Я на личном опыте понял: если до старта дизайна не узнать у бэкендеров, какие данные к нам реально приходят, макеты развалятся на проде.
Раньше я думал только о визуальной консистентности. Но когда мы начали подтягивать реальные крипто-пулы, оказалось, что разные биржи отдают данные в абсолютно хаотичном виде (у одной есть лимиты, у другой нет). Я на личном опыте понял: если до старта дизайна не узнать у бэкендеров, какие данные к нам реально приходят, макеты развалятся на проде.
Аналитика есть всегда, даже если у вас нет аналитика.
Аналитика есть всегда, даже если у вас нет аналитика.
В проекте не было полноценной data-инфраструктуры, поэтому качество UX приходилось оценивать через косвенные продуктовые сигналы: количество пользовательских вопросов, скорость адаптации и характер обратной связи. Это научило меня принимать решения на основе доступных данных и смотреть на метрики шире, чем только через аналитику.
В проекте не было полноценной data-инфраструктуры, поэтому качество UX приходилось оценивать через косвенные продуктовые сигналы: количество пользовательских вопросов, скорость адаптации и характер обратной связи. Это научило меня принимать решения на основе доступных данных и смотреть на метрики шире, чем только через аналитику.
Открыт к предложениям. Если вам в команду нужен Продуктовый Дизайнер –
жду в телеграме.
Открыт к предложениям. Если вам в команду нужен Продуктовый Дизайнер –
жду в телеграме.
Из Казани с любовью
Из Казани с любовью
©2026. Артур Ардвеньев
