A corporate web product for international fertilizer and selected-commodities trade. The goal was to explain a complex commercial model, build trust and guide qualified B2B demand toward a structured inquiry.
Real project · real interfaces · no portfolio-only concept
Responsibility / KVI
What I personally delivered in this project.
The case does not stop at a polished cover: below you can inspect the actual product structure, real pages and decisions that connect a complex international B2B flow into one system.
01My scope
UX/UI, structure and frontend
I designed the multi-page structure, user journeys and frontend across products, Buyer / Supplier flows, logistics, compliance and RFQ.
02Evidence
8 real project screens
The case shows implemented project pages — from home and products to logistics, compliance and the first commercial request.
03Outcome
A clearer B2B journey
Information is separated by role and deal stage so visitors do not have to reconstruct the trading process from disconnected pages.
01 / Challenge
Make a complex international operating model understandable within a few screens.
The company addresses multiple audiences — buyers, suppliers and international counterparties. The site had to communicate not only products, but sourcing, counterparty review, documentation, logistics, Incoterms and L.A.T.’s role as transaction coordinator.
02 / Solution
Split the B2B process into clear journeys and connect them into one system.
The website is structured as connected commercial paths. Users can move from positioning to products, buyer or supplier scenarios, logistics, compliance and contact/RFQ. The visual system combines corporate clarity, agricultural context and documentary trust.
What was built
What was built
International Russia → Brazil B2B website covering products, buyers, suppliers, logistics, compliance and structured RFQ flows.
01
Products & commodities
Commercial directions for Urea, DAP, MAP, NPK and additional categories without artificial stock claims.
02
Buyer / Supplier journeys
Dedicated pages for buyers and suppliers with different argumentation and required inputs.
03
RFQ commercial path
Users understand what information is needed and what happens after the first commercial contact.
04
Logistics & Incoterms
Routes, responsibilities, documents and shipment milestones are presented as a dedicated operational layer.
05
Compliance framework
KYC/KYB, product checks, banking route and document trail are explained before execution.
06
Multilingual responsive UI
International desktop and mobile experience with EN/PT language switching.
UI / Screens
Real screens
Click any screen to inspect it at full size.
Engineering / KVI
Under the hood
01
Component architecture
Reusable sections, cards, CTAs and commercial patterns form a consistent system rather than disconnected pages.
02
Content hierarchy
Complex legal and commercial concepts are broken into short, readable blocks with one visual language.
03
Performance
The visual system avoids unnecessary heavy effects and relies on predictable layout and optimized media.
04
SEO-ready structure
Multi-page architecture, semantic headings and independent commercial directions support organic growth.
Under the hood / Product flow
The user journey underneath the polished interface.
LAT is not about backend complexity. The system value comes from connecting a commercial journey: each visitor needs to move from intent to relevant context and a clear first contact.
01Intent
Buyer / Supplier
The flow starts by understanding why the visitor arrived and what context they need.
→
02Interface
Multi-page UI
Page structure guides users through products, roles and commercial directions.
→
03Context
Logistics / Compliance
Logistics, documents and process context are available before the first inquiry.
→
04Conversion
RFQ / Contact
The first request becomes a clear commercial next step rather than a generic contact form.
→
05Handoff
Commercial follow-up
The website hands a better-prepared visitor into real business communication.
⌁
This is not a decorative diagram — it is the product logic behind the LAT case structure.
03 / Result
A site that works both as corporate presentation and as a B2B qualification layer.
Instead of a generic corporate website, the result is an information system where each audience gets the right context, product directions are separated from inventory claims, and logistics/compliance content builds trust before an RFQ is sent.
KVI / Direct contact
Have a similar task?
For a similar task, I review it personally — without managers or hand-offs between specialists.
01 Brief02 Review03 Personal reply04 Solution & timing
