![bh web image.png](https://static.wixstatic.com/media/c7912f_4744c2fa285a42c3a255d5a1345a607c~mv2.png/v1/fill/w_49,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/c7912f_4744c2fa285a42c3a255d5a1345a607c~mv2.png)
![black_hawk_logo_alt.png](https://static.wixstatic.com/media/c7912f_6b9395cc82234665b7db4e08d80d8427~mv2.png/v1/fill/w_59,h_77,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/black_hawk_logo_alt.png)
Commodity Trading & Risk Management Platform
I led the design from idea through development of an enterprise-scale derivative trading and risk management platform for internal brokers and their B2B clients.
My Role
User Research
Wireframes
Information Architecture
UX/UI
Visual Design
Database Design
Employer
Blackhawk Resources
OVERVIEW
Blackhawk is a risk-management and brokerage firm that deals in the trade of metals, agriculture, and other commodities for B2B manufacturing purposes. In an effort to modernize industry standards that have been stagnant for decades, they wished to launch a combination CRM / trading tool that would help maintain their status as a leader in their field of expertise.
Working directly with the client, I analyzed their entire workflow, identified pain points, mapped out an enhanced user-journey, and created information architecture & a responsive interface.
Business Goals
The platform was conceived to accomplish four primary goals:
Streamline workflow and optimize output to boost productivity within the firm.
Improve PNL by implementing a more accurate and automated set of tools.
Optimize customer experience on the client side in order to grow total trade volume.
Open up a new revenue stream for the firm by selling this software as a SaaS solution to other commodity brokers.
Research
SCOPE PLANNING
PERSONA CREATION
INFORMATION ARCHITECTURE
DESIGN
FEEDBACK & ITERATION
01 Stakeholder Interviews
I sat down with company leadership, as well as traders on the floor to learn about their motivations within the context of their jobs, current processes, pain points in their existing work flow, as well as the broad strokes and daily nuances in the dynamic of the business of commodity trading.
02 User Observation
I spent several days in the Blackhawk office as the traders conducted their day-to-day business to observe their processes and behaviors in order to identify pain points in the way they do business, and areas that can be improved within the scope of this new platform.
03 User Testing
At various stages in the design process, I would have traders complete tasks with prototypes of the UI while narrating their thought process around the way components were laid out, the logic of the various flows, and the clarity of the overall process. I then used this information to refine and iterate the designs until the user experience was perfected, and we were ready to begin the development phase of the project.
Challenge
Though the goal of one party selling a commodity to another is theoretically simple, the existing user-flow was extremely convoluted and outdated.
Calls or emails broker, waits for response.
Calls or emails broker at fill date to execute trade
"I want to sell."
Manually fills out a contract form for internal records
Negotiates contract terms with participating parties through email or phone.
Manages contracts in a spreadsheet
Waits for trade confirmation
"I want to sell."
Vendor
Checks commodity prices on a third-party exchange
Contract is created
Tracks shipment status in a spreadsheet
Customer
Broker
Solution
The product is designed to cut down on needless manual communication and administrative work. Additionally, the product replicates the various mathematical formulas and calculations used to determine risk, overage/underage, and other key indicators and metrics.
Vendor
Enters transaction parameters
Contract is created
Submits trade
Customer
"I want to sell."
"I want to sell."
Facilitates the entire process
Broker
User Groups and Corresponding Dashboards
There are six user types in the process, which are categorized into four dashboard experiences.
This user is Blackhawk; the broker and risk management professional in the process. Of the different user-types, the System Operator is the most robust, as this user has dominion over all processes and users in the system. This user can intervene on any interaction in the system, and is responsible for approving and executing hedge requests submitted by users on the client side.
01 System Admin
This user is responsible for overseeing a network of Transactional users, who will create and submit contracts. This user also will utilize a user-management system.
02 Client Admin
03 Trader
Admin, Buyer, & Seller
The Trader is actually comprised of three different user-types; the Buyer, Vendor, and Local Admin. Together, at different points in the supply-chain, these users are responsible for creating and filling out contracts for shipments of metals.
This user is a special case. They actually have no functional privileges as far as buying, selling, inviting users, etc, but must feel like they have a certain level of control over the whole system. The dashboard is centered around visibility; the user cannot execute trades, but has executive visibility over the entire company's analytics, contracts, transactions, and user activity. Action buttons, such as 'Trade,' 'Add New,' etc. are removed.
04 Senior Management
User Capabilities
![user functions.png](https://static.wixstatic.com/media/c7912f_16173b5d3063433a848614f17d8329be~mv2.png/v1/fill/w_71,h_62,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/user%20functions.png)
Database Design
Given that there are several sources of data that needed to communicate with each other via API in order for this product to function, I drew up a diagram explaining the relationships between different exchanges and entities for later use by developers.
![Group 4687.png](https://static.wixstatic.com/media/c7912f_e5335261a4cc47b08d5b2495c4695c70~mv2.png/v1/fill/w_49,h_42,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%204687.png)
Design System
![Group 8514.png](https://static.wixstatic.com/media/c7912f_abe9ac4fce4043768eb70567dde00804~mv2.png/v1/fill/w_80,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%208514.png)
![Group 8512.png](https://static.wixstatic.com/media/c7912f_00a56f1294e14c95b8560f6b1a1b5d92~mv2.png/v1/fill/w_66,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%208512.png)
![Group 8513.png](https://static.wixstatic.com/media/c7912f_1f207e314d8f4611af769fa223a054b5~mv2.png/v1/fill/w_70,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%208513.png)
![Group 8264.png](https://static.wixstatic.com/media/c7912f_5fee3eb50f6f425790ef5f874f8b96d1~mv2.png/v1/fill/w_86,h_296,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%208264.png)
![Group 8263.png](https://static.wixstatic.com/media/c7912f_e6a7e7158e344b96a3eb8edae59ea5db~mv2.png/v1/fill/w_161,h_297,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%208263.png)
Sitemap
![Group 7798.png](https://static.wixstatic.com/media/c7912f_91486ee868c34acd8ff32af190c1321e~mv2.png/v1/fill/w_49,h_20,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%207798.png)
Trading Dashboard
Live Pricing Feed
User
Management
![uf4.PNG](https://static.wixstatic.com/media/c7912f_5220d95052c44388916761dab43ec2ff~mv2.png/v1/fill/w_49,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/uf4_PNG.png)
Task Management
Recent Activity
Contracts
Trades
Analytics & Reporting
Creating a Trade
Each asset type has its own specific parameters around units of measurement, terminology, and subgroups. For MVP, assets traded were limited to those on the COMEX exchange, but new assets were added later to expand the use case of the platform.
![confirmtrade.png](https://static.wixstatic.com/media/c7912f_2242ae8793ce41999737ed8ab80f7075~mv2.png/v1/fill/w_49,h_21,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/confirmtrade.png)
Additionally, each individual user dashboard types fulfill their own functions within the process. On-the-ground traders match up with one another to form deals. They then submit trade requests to the broker for approval. The broker's dashboard contains approval functions, as well as hedging functions specific to the way they manage their own funds.
![uf5.PNG](https://static.wixstatic.com/media/c7912f_fabe18fc34d14eba93906bdc6c2d87f0~mv2.png/v1/fill/w_49,h_31,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/uf5_PNG.png)
Contracts & Transactions
A contract created between two parties to trade a commodity is comprised of multiple individual transactions. In order to link together, these transactions must meet matching parameters. This 'linking' logic is built into the UI.
![b44d9f64-cd3f-44d5-a15a-f11745276818.png](https://static.wixstatic.com/media/c7912f_555c0d213bed4b9a96142c816e9ee8bb~mv2.png/v1/fill/w_49,h_22,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/b44d9f64-cd3f-44d5-a15a-f11745276818.png)
Linking Transactions to Contracts
A drag-and-drop interface helps make the relationship between contracts and transactions helps enforce the modular nature of these trade types. Pictured is the tablet version of the product.
![resp.png](https://static.wixstatic.com/media/c7912f_63c23d2b44934a0a866de1553134f987~mv2.png/v1/crop/x_131,y_188,w_3021,h_2007/fill/w_49,h_33,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/resp.png)
Auto-Trade & Surplus Management
Successful trading on the part of the broker results in a 'surplus' that can be traded and configured to maximize profits. Rather than manually managing this surplus, the platform uses a Limit Order system to make the most accurate calculated trades possible.
![surplus.PNG](https://static.wixstatic.com/media/c7912f_2df7c06c4e70405bb59081fc3e381ddc~mv2.png/v1/fill/w_49,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/surplus_PNG.png)