Global Fintech Platform: редизайн экосистемы для трейдинга
Редизайн экосистемы для FinTech-стартапа «Nexo»: баланс технологий и эстетики
Контекст и проблематика
Рынок финансовых технологий меняется с огромной скоростью. Продукт, который был инновационным два года назад, сегодня рискует устареть. Компания столкнулась с проблемой масштабируемости: старый интерфейс платформы перестал справляться с растущим потоком данных
Визуальный язык бренда стал размытым, а навигация в личном кабинете вызывала вопросы у новых клиентов, что приводило к снижению конверсии на этапе регистрации (Drop-off rate > 40%). Перед нами стояла задача не просто «перекрасить» кнопки, а переосмыслить логику взаимодействия пользователя с продуктом, сохранив ядро аудитории
Исследование
Исследование и Аналитика Мы начали с глубинного анализа поведения пользователей. Изучив тепловые карты (Heatmaps) и проведя серию интервью с активными трейдерами, мы выяснили, что 60% функций интерфейса остаются невостребованными из-за сложной вложенности меню
Основной инсайт: пользователи хотят видеть аналитику в реальном времени без лишних кликов. Это легло в основу новой архитектуры. Мы сократили путь пользователя до целевого действия с пяти кликов до двух, полностью переработав структуру навигации и сделав её контекстно-зависимой
Визуальная концепция
Метафора «Цифровое стекло» В основу визуальной концепции легла идея прозрачности финансовых операций. Мы использовали стилистику Glassmorphism: матовые полупрозрачные плашки, глубокое размытие фона и тонкие, едва заметные градиенты. Это позволило создать ощущение глубины (Z-axis) без визуального шума
Интерфейс словно парит над контентом. Мы отказались от рамок и лишних разделителей в пользу «воздуха» и чистой типографики. Тёмная тема была проработана отдельно: мы подобрали контрастные, но мягкие оттенки графита, чтобы снизить нагрузку на глаза при длительной работе с терминалом
Дизайн-система
Атомарный дизайн Для обеспечения консистентности продукта мы разработали масштабную дизайн-систему, включающую более 200 компонентов. Все элементы — от микро-иконок до сложных виджетов графиков — подчиняются единой модульной сетке
Это решение позволило разработчикам ускорить сборку новых страниц в 3 раза. Система легко масштабируется: при добавлении новых финансовых инструментов интерфейс не «разваливается», а органично подстраивается под контент
Адаптив и Мобайл
Mobile First подход Учитывая, что 70% трафика приходится на мобильные устройства, мы уделили особое внимание адаптивности. Мобильное приложение не урезает функционал десктопа, а трансформирует его
Сложные таблицы и графики были переосмыслены для тач-интерфейсов: внедрены свайпы, удобные тапы по зонам и адаптивные карточки. Теперь управлять портфелем активов удобно даже на ходу, одной рукой
Результаты
Результаты внедрения Редизайн не только решил проблему визуального устаревания, но и показал реальный бизнес-результат уже в первый месяц после релиза. Время сессии увеличилось на 25%, а количество обращений в техподдержку с вопросами «как найти функцию» снизилось вдвое
Новый визуальный стиль позволил компании выделиться среди консервативных конкурентов и привлечь сегмент молодой аудитории, для которой важен не только функционал, но и эстетика взаимодействия