Role
UI/UX Designer
Timeline
6 months
NTRDE helps chemical manufacturers, distributors, and traders to enhance buying & selling chemicals with
AI-augmented Decision Intelligence.
Problem
01
Lack of trancparency
Fragmented information locked in PDFs, XLSs, Teams, and other silos.
“There is a massive flood of information, but no tool can process this data & prepare it in a useable way”
“We currently use 15 software solutions in our commercial areas without creating any kind of intelligence.”
02
High opportunity costs
Un-saved & -shared individual knowledge results in opaque decisions.
“Decisions are executed in an informal & unstructured way, resulting in sub-optimal margins.”
03
Low productivity
Around 25 % of weekly tasks are manual & repetitive.
“Up to 50 % of the daily work has to be used for market research.”
“I am checking minimum 20 different sources of information manually.”
Solution | Feature
Smart trade data
Predictive Insights: Offer AI-driven forecasts on trade trends or demand shifts.
Competitor Benchmarking: Allow users to compare their performance with competitors’ trade data.
Market Entry Analysis: Help users evaluate the feasibility and risks of entering new markets.
Offer Creation: Smart bridge between data analysis and actionable business (creating offers directly from insights).
Data Upload & Table View
Users can upload raw trade/shipment data. The system displays it in a structured table.
👉 This acts as the data foundation for analysis.
Analytics Dashboard
The system aggregates and analyzes the uploaded data.
It extracts business insights like:
Who buys the most
Who supplies the most
Market pricing trends
👉 This step turns raw data → actionable insights.
Offer Creation
User selects a target customer/product. The system helps draft a sales offer automatically. It generates a ready-to-send message with pricing and terms.
👉 This step turns insights → business action (sales outreach).
Solution | Feature
News & Insights
Geopolitical Context: Interactive world map with macroeconomic overlays (GDP, inflation, industrial output, trade, risk) for real-time insights, comparisons, and trend analysis.
Timely Newsfeed: Curated stream of relevant news with tags, source info, and tools to save, share, or highlight key content.
Integrated Market Data: Sidebar with up-to-date prices, exchange rates, commodity trends, and freight data for fast market awareness.
Country Focus: Search and zoom into countries to access economic data, political updates, and trade insights.
Geopolitical Context
Interactive world map with macroeconomic overlays (GDP, inflation, industrial output) for quick regional insights and comparisons.
Timely Newsfeed
Curated stream of relevant news with tags, source info, and tools to save, share, or mark as not rellevant.
Integrated Market Data
Sidebar with up-to-date prices, exchange rates, commodity trends, and freight data for fast market awareness.
Solution | Feature
Price Intelligence
Email Parsing: The system extracts structured pricing details from unstructured communications (e.g., email offers).
Smart Price Monitor: Holistic price monitoring system.
Editable Fields: Once data is extracted (product, specs, price/unit, delivery term, location, packing, quantity), users can edit and save.
Categorization: Ability to add new categories for deeper classification.
Email Parsing
After you click "Extract Information", the system parses the document into specific categories.
Editable Fields
You can modify any field or specify a category if the system didn’t recognize it.
Categorization
You can click "Add new category", put a name, add text if needed, and save it.
Design System
Design Components
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Search
Search
Search
Label
*
Input text
Input helper text
Label
*
Input text
Input helper text
Label
*
Input helper text
Label
*
Input text
Input helper text
Label
*
Input text
Input helper text
Label
*
Input text
Input helper text
@mention
@mention
Select menu item
Select menu item
Select menu item
Select menu item
Select menu item
Select menu item
Style Guide
Shades / BLUE
5
#EFF5FF
50
#E0EAFF
100
#C0D5FF
200
#A1C1FF
300
#81ACFF
400
#6297FF
500
#0072E5
600
#0050A4
700
#004988
800
#003068
Shades / BLACK
200
#c2c2c2
300
#919191
400
#5e5e5e
500
#2e2e2e
600
#81ACFF
primary colours
500
#0072E5
600
#0050A4
Typography colours
#000000
#000000
56%
#EDEDED
#F4F4F6
Background colours
Typography
Space Grotesk
Type weights
Bold
Semi bold
Regular
Type scales
32px
Bold
This is a small paragraph example to show how it works with the font.
28px
Bold
This is a small paragraph example to show how it works with the font.
25px
Bold
This is a small paragraph example to show how it works with the font.
22px
Regular
This is a small paragraph example to show how it works with the font.
20px
Regular
This is a small paragraph example to show how it works with the font.
18px
Regular
This is a small paragraph example to show how it works with the font.
16px
Regular
This is a small paragraph example to show how it works with the font.
14px
Regular
This is a small paragraph example to show how it works with the font.
12px
Regular
This is a small paragraph example to show how it works with the font.