Research

We started with an analysis of the implemented version of the project. Analytics data and content audit helped us to define the main pain points:

Poor flows and as a result – high bounce rate

Low percentage of returning visitors

Wrong structured information architecture

Information Architecture

To solve the source project's pain points and satisfy both the audience’s and business’s needs, our team referred to the basics and decided to reorganize information architecture.
Navigation
Top navigation
Footer

Get free-of-charge consultation from our experts

A top-quality review, analysis, and feedback on your requirements and technical procedures.Professional advice on architecture and the UX side of your current or future business.Help with the R&D plan.

Schedule a Free Consultation

Daniel

Technical Lead

Andrew

CEO

Serhii

UI/UX
Design Lead

Roman

CTO

A top-quality review, analysis, and feedback on your requirements and technical procedures.Professional advice on architecture and the UX side of your current or future business.Help with the R&D plan.

Schedule a Free Consultation

Colors

We believe that the fewer colors are used in the interface, the better. But on such resources, there are many different states and featured materials.In addition, our audience is privately active in the evening, so we set up colors for both light and dark themes.
Light palette
# FFFFFFLight background
Dark palette
# 0E141CDark background

Type

Potential users of this product want to see a clean and minimalistic interface, with a large amount and generally small size of text data.To achieve this requirement we need not only a high-contrast but the pixel perfect typeface which is IBM Plex.
Light
IBM Sans Light is used for headings in soft colors. This style of text allows you to make large headlines without sacrificing the airiness.
Bold
This fat font style is used generally in interactive elements or important content in order to give emphasis among the main textual content.
Regular & Medium
And, yes, for main body text we used the regular and medium fonts. No big deal, just good ol’ classic typepall, simple and clean.

Homepage

The top items and their stats are the first content on Xchange. After them, you meet the call to action section and hot overall crypto news.

List page

Page with an interactive table of all cryptos, exchanges, indices or funds. Supplemented with relevant news of the category.

Item page

Page of crypto, exchange, indices or fund with corresponding data and news.
Interactions
Responsive layout
The interface is scalable for all web-compatible devices without compromising the perception of the content.
Color theme switcher
Since our users can be active at different times of the day, we have added the color theme switcher, so you can change the color of the interface.
Table density
We added the ability to change the height of the rows of the table to be able to compress the content to fit a larger volume into one screen or enlarge it for a clearer separation.
Table swipe
It is difficult to fit all the content on a mobile screen, especially when it comes to tables. Therefore, in the Xchange mobile version you can swipe the tables to get acquainted with their full content.
Table filters
With the help of table filters you can customize the content and get rid of unnecessary data.
Chart styles
When you work with finances, you will rarely need one type of chart, so you can switch its style on Xchange.
Chart period
Study changes for any period of time on any device.
404
If something went wrong and the page you wanted to go to does not exist we will show you the most popular and valuable items.
Let’s SeeWhat We Can Dofor You

Tell us about your project, and we will send you an estimate within 48 hours.

Olha

Engagement Manager

Tell us about your project, and we will send you an estimate within 48 hours.

I need help with