Swap Aggregator + Tools to Enable it for dApps
rubic.exchange
rubic.exchange
Rubic is a prominent decentralized finance platform, transforming cryptocurrency trading with innovative solutions for seamless transactions and global accessibility. It ensures security and reliability for users worldwide and remains at the forefront of DeFi innovation, offering decentralized financial opportunities for all.
Leading DeFi Solutions for Crypto Trading
Rubic is a prominent decentralized finance platform, transforming cryptocurrency trading with innovative solutions for seamless transactions and global accessibility. It ensures security and reliability for users worldwide and remains at the forefront of DeFi innovation, offering decentralized financial opportunities for all.
Leading DeFi Solutions for Crypto Trading
The project aimed to redesign and enhance the Rubic platform’s user interface and experience, focusing on improving usability and user satisfaction. Tasks included analyzing issues, devising solutions, creating a new design paradigm, updating the brand style, and providing localization for different languages and cultural nuances while maintaining unity of style and functionality.
Main Goals and Project Tasks
The design concept of Rubic is based on the principles of minimalism, intuitive navigation, and modern style, providing users with convenience in usage and an attractive platform appearance. The main focus is on clean design, ease of information perception, and high functionality for an optimal user experience. In developing the design, I aimed to maintain the geekiness and practicality of the interface while also adding elements of strictness characteristic of the banking sphere.
Design Concept
The design concept of Rubic is based on the principles of minimalism, intuitive navigation, and modern style, providing users with convenience in usage and an attractive platform appearance. The main focus is on clean design, ease of information perception, and high functionality for an optimal user experience. In developing the design, I aimed to maintain the geekiness and practicality of the interface while also adding elements of strictness characteristic of the banking sphere.
Design Concept
Rubic’s web service serves as a robust platform for decentralized finance (DeFi) enthusiasts, providing a user-friendly interface and seamless functionality for trading various cryptocurrencies and tokens. With its emphasis on security, reliability, and intuitive design, Rubic offers users a convenient and efficient way to engage in DeFi activities.
Web Service
Role
Lead UI/UX
Tasks
Conducting a service audit, competitive analysis, collecting business requirements, putting forward hypotheses and proposals for improvement.
Implementation
An analytical report was prepared indicating the bottlenecks and weaknesses of the service. When preparing the reports, a heuristic assessment was carried out, a map of user solutions was built, and usability testing was carried out. Based on the recommendations and received business requirements, a design system was developed, on the basis of which the service was redesigned. At the same time, new service functions were introduced, and minor problems that did not require long development, such as typography and color solutions, were corrected.
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.
Colors Palettes
At the same time, it was very important to preserve the color palette for both light mode and dark mode:
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.
Typography
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:
Our first reference indent and step — 8px.
To build a correct system, the following gradation is used:
Spacing System
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:
The resulting gradation of sizes remains to be applied as a ready-made indentation system:
Rules for elevations, borders, and blur were also developed.
Object Styles
More than 2.000 assets were developed in two color modes.
UI Kit
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.
Redesign
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.
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.
Multi-Chain
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.
Staking
And a Lot of Landing Pages and Other Features
More Works
Creation of design concept. Creation of interfaces for self-service terminal, smart fridge, software for chefs and other internal systems of the company
Creation of a self-check-in kiosk interface for smart hotels in collaboration with Yandex. As well as creating promotional materials and some web details
Work on industrial design, creation of a self-service terminal interface and other internal services of the company
Creation of a mobile application and web platform for assessing the quality of crab meat. The mobile application received an award
The identity and basic principles of interface construction were developed. A MVP version of the service was developed to test business hypotheses
CONTACTS
I really love communicating with my clients
tg: @egorprotsenkoo
protsenkooegor@gmail.com
You can write to me anytime
This site is subject to the Google Privacy Policy and Terms of Service.
Oh hey. Designed and built by me.
Copyright © 2024 Egor Protsenkoo.
All rights reserved.
