Concept designs for a web platform designed to track global product trades, empowering market participants—buyers, sellers, and analysts—to stay ahead of competitors, monitor market values, identify emerging .trends, etc
To present insights effectively, a dual-colour coding system was implemented – orange for imports and purple for exports – and three primary data visualisations were developed: an interactive world map, a tree map, and a line graph, complemented by a detailed data table for in-depth transaction searches. All charts are fully interactive, providing an intuitive analytical experience.
#UIdesign #DataVis
The Countries view features an interactive map highlighting all the countries exporting products to the selected focus country. The screens below shows a glimpse of the process of selecting two specific exporters directly from the map.
The Products section features a tree map and a line chart, each offering distinct insights. The tree map provides a clear visual breakdown of the top imported products at a glance, while the line chart tracks their import values over time, revealing trends and patterns.
The Companies view features two split-screen visualisations. The first displays dual tree maps: on the left, focus country importers; on the right, foreign exporters. The second presents line charts tracking import and export values over time, providing a clear view of trade relationships and trends.
The Transactions tab displays a comprehensive table of all recorded product trades, providing detailed insights into each transaction.
Key website screens from the Imports view are showcased here. A distinct dual-color palette—purple for imports and orange for exports—ensures instant clarity, helping users quickly distinguish between trade flows.
This feature allows users to save frequently accessed dashboards, providing quick and easy access to specific insights.
