Link to Figma File

1. Tools Page

Tools Page.png

Section heading type is too small to define the section
Layout lacks scalability. When more tools will be added, it will reduce the discoverability of tool because a lot of scrolling will be required
The See More button gives a feel of it being an article, It should give an affordance of a redirecting to the tool.
The Grouping of tools is not clear, since these tools have multiple ways to categorize.
When the tool inventory increases, there needs to be a way for users to filter tools based on use cases

Tools Page Redesign/Default State

Default State of Tools Page

When user clicks on the tags above the cards get filtered. Rest of the tools group below as a carousel

Made the Page heading according to h5 size on veutify type scale
Cards have a button which has affordance of ‘opening the app’. The CTA is also changed to open which makes the use even clearer
New layout has following improvements
1. Each card has a tag or two to signify what's the use case
2. by default these cards are in grid which gives maximum visibility without a scroll
3. Chips at the top make it easy to discover tools of specific kind
4. Multiple such chips can be selected and rest of the tools sit at the bottom as a scrollable carousel

Serum Dex.png

Too many tables at once, with populated transactions it will become difficult to track things. It can be overwhelming to process at times
Accounts are selectable. They have only one action. They need not be in the form of a table
Open order and Close order are types of order, they need not be inline. It increases cognitive load

See open and Unsetteled orders in an easy way without cognitive load
Selection of Accounts from multiwallet and get visibility of market in which those accounts are dealing