Egor Protsenkoo

01 О проекте

Rubic — ведущая децентрализованная финансовая платформа, преобразующая торговлю криптовалютой благодаря инновационным решениям для бесперебойных транзакций и глобальной доступности. Она обеспечивает безопасность и надёжность для пользователей по всему миру.

Платформа остается в авангарде инноваций DeFi, предлагая децентрализованные финансовые возможности для всех.

Целью проекта был редизайн, а также улучшение пользовательского интерфейса и опыта использования платформы Rubic. Задачи включали анализ проблем и разработку решений.

Работа также включала создание новой дизайн-системы, обновление фирменного стиля и локализацию для различных языков и культурных особенностей с сохранением единства стиля и функциональности.

02 Ключевые цели и задачи

Концепция дизайна Rubic основана на принципах минимализма, интуитивной навигации и современного стиля. Цель — обеспечить пользователям удобство использования и визуально привлекательную платформу.

Основной акцент сделан на чистом дизайне, легкости восприятия информации и высокой функциональности для обеспечения оптимального пользовательского опыта.

При разработке интерфейса я стремился сохранить его «гиковость» и практичность, интегрировав при этом элементы строгости, характерные для банковской сферы.

03 Дизайн-концепция

П&

04 Веб-серивс

Веб-сервис Rubic служит платформой для децентрализованных финансов (DeFi), предоставляя удобный интерфейс и бесперебойную функциональность для торговли различными криптовалютами и токенами.

Уделяя особое внимание безопасности, надежности и интуитивно понятному дизайну, Rubic предлагает пользователям удобный и эффективный способ участия в DeFi-активностях.

Реализация

Был подготовлен аналитический отчет, указывающий на узкие места и слабые стороны сервиса. При подготовке отчетов была проведена эвристическая оценка, построена карта пользовательских решений и проведено юзабилити-тестирование. На основе рекомендаций и полученных бизнес-требований была разработана дизайн-система, на основе которой был проведен редизайн сервиса. Одновременно были внедрены новые функции сервиса, а также исправлены мелкие проблемы, не требующие длительной разработки, такие как типографика и цветовые решения.

Задачи

Проведение аудита, конкурентного анализа, сбор бизнес-требований, выдвижение гипотез и предложений по улучшению

Роль

Ведущий UI/UX дизайнер

05 Цветовая палитра

I enhanced the primary green hue for better visual appeal and engagement, aiming to create a more vibrant interface for Rubic while retaining its essence.

At the same time, it was very important to preserve the color palette for both light mode and dark mode:

06 Типографика

A new font was selected that was consonant with the name of the service, which gave even more confidence in the choice. I also developed font styles that will be used in the future.

07 Система отступов

It is noticeable that the gradation, built on a dynamic step, is clear and balanced. At the same time, the multiplicity of values is preserved.

The resulting gradation of sizes remains to be applied as a ready-made indentation system:

When several items are in close proximity to each other, they become one visual unit rather than several separate units. Otherwise, their distance should be larger and look more like several visual units. The basic purpose of proximity is to organize. To give an apparent view of the page structure and the hierarchy of information to users.

Our first reference indent and step — 8px.

To build a correct system, the following gradation is used:

08 Стили объектов

Rules for elevations, borders, and blur were also developed.

09 UI-кит

More than 2.000 assets were developed in two color modes.

10 Редизайн

After the redesign, the application presents a cohesive and visually appealing interface. The refined color palette enhances readability and usability, while typography choices ensure a modern look. Users now experience streamlined navigation, making interactions intuitive and efficient.

Before the redesign, the application’s design lacked cohesion, with inconsistent color palettes and typography choices. Users often faced usability issues due to cluttered interfaces and unintuitive navigation, hindering their overall experience and engagement with the platform.

11 Multi-Chain

In the revamped multi-chain section, the design focuses on clarity and simplicity. The color scheme is tailored to differentiate between various chains, ensuring easy identification. Streamlined visuals and intuitive layouts facilitate seamless navigation and interaction, enhancing the overall user experience with improved accessibility and functionality.

12 Staking

In the updated staking section, the design prioritizes user engagement and transparency. Visual elements and intuitive interfaces guide users through the staking process, making it easy to understand and participate. With clear progress indicators and informative tooltips, users can confidently engage with staking features, fostering a sense of trust and empowerment within the platform.