Tradetools

Description

Tradetools is a B2B digital tool for organizing and creating materials for product sales. Its design system consisted of over 500 components, all properly organized and adaptable.

Client

Tradetools

Year

2022

Category

Product Design

Role

UI Design

Tipography

The typography was selected to ensure maximum readability and hierarchy within a data-dense environment. By using a versatile sans-serif typeface, we established a clear visual structure that maintains clarity across complex dashboards and extensive product catalogs, ensuring a seamless user experience for sales teams.

Colors

The color palette was strategically designed to balance brand identity with functional UI requirements. We utilized a primary blue tone to convey professional trust, complemented by a rigorous grayscale for UI elements. This approach minimizes cognitive load while using semantic colors to provide clear feedback and guidance throughout the platform's workflows.

Components

The components were organized in a logical and consistent manner to facilitate their location and use. Each component had a clear function and was designed to be scalable, allowing it to be easily customized to fit different contexts.

The Product

This was the biggest and longest project of my career. Hundreds of screens were developed over a two-year period, with each part of the process going through a validation phase.

Learning

The Tradetools design system was a separate project, and the complexity and size of this system provided me with significant experience and reference for design systems I will build in the future.

Paulo Ravel ®

UI / Motion Designer

Paulo Ravel ®

UI / Motion Designer

Paulo Ravel ®

UI / Motion Designer

Create a free website with Framer, the website builder loved by startups, designers and agencies.