Корпоративный web-продукт для международной торговли удобрениями и selected commodities. Задача — одновременно объяснить сложную модель работы, выстроить доверие и привести квалифицированного B2B-клиента к структурированной заявке.
Реальный проект · реальные интерфейсы · без концепта ради портфолио
Ответственность / KVI
Что именно сделано мной в этом проекте.
Не оставляю кейс на уровне красивой обложки: ниже можно проверить структуру продукта, реальные страницы и решения, которые связывают международный B2B-сценарий в одну систему.
01Моя зона
UX/UI, структура и frontend
Спроектировал многостраничную структуру, пользовательские маршруты и frontend: продукты, Buyer / Supplier сценарии, логистику, compliance и RFQ.
02Можно проверить
8 реальных экранов
В кейсе показаны фактически собранные страницы проекта — от главной и продуктов до логистики, compliance и первого коммерческого запроса.
03Смысл решения
Сложный B2B стал понятнее
Информация разделена по ролям и этапам сделки, чтобы посетителю не приходилось разбираться в торговом процессе по разрозненным страницам.
01 / Задача
Сделать сложную международную модель понятной за несколько экранов.
У компании несколько аудиторий — покупатели, поставщики и международные контрагенты. Нужно было показать не просто каталог удобрений, а весь коммерческий контур: sourcing, проверку контрагентов, документы, маршрут поставки, Incoterms и роль L.A.T. как координатора сделки.
02 / Решение
Разложить B2B-процесс по отдельным сценариям и собрать его в одну систему.
Сайт построен как набор связанных коммерческих маршрутов. От общего позиционирования пользователь может перейти к продуктам, сценарию покупателя или поставщика, логистике, compliance и контакту/RFQ. Визуальная система объединяет корпоративную строгость, агро-тематику и документальное доверие.
Что реализовано
Что реализовано
Международный B2B-сайт для торговой компании Россия → Бразилия: продукты, поставщики, покупатели, логистика, compliance и RFQ.
01
Продукты и commodities
Каталог направлений с отдельной подачей Urea, DAP, MAP, NPK и других категорий без искусственных обещаний складского наличия.
02
Buyer / Supplier сценарии
Отдельные страницы для покупателей и поставщиков с разной логикой аргументации и входными данными.
03
RFQ и коммерческий путь
Пользователь понимает, какие данные нужны для запроса и что произойдет после первого контакта.
04
Logistics & Incoterms
Маршрут, ответственность сторон, документы и этапы поставки вынесены в самостоятельный рабочий раздел.
05
Compliance framework
KYC/KYB, проверка продукта, банковского маршрута и документального следа объясняются до исполнения сделки.
06
Multilingual responsive UI
Интерфейс рассчитан на международную аудиторию, desktop и mobile, с EN/PT-переключением.
UI / Screens
Реальные экраны
Нажмите на любой экран, чтобы посмотреть его крупнее.
Engineering / KVI
Под капотом
01
Компонентная архитектура
Повторяемые секции, карточки, CTA и коммерческие блоки собраны как переиспользуемая система, а не набор разрозненных страниц.
02
Контентная иерархия
Сложные юридические и торговые процессы разбиты на короткие понятные блоки с единым визуальным языком.
03
Производительность
Визуал построен без тяжелой декоративной нагрузки: адаптивные изображения, предсказуемая сетка и аккуратные эффекты.
04
SEO-ready структура
Многостраничная архитектура, семантические заголовки и независимые направления позволяют развивать органическое продвижение.
Under the hood / Product flow
Как устроен путь пользователя под красивым интерфейсом.
Для LAT важна не сложность backend, а связность коммерческого сценария: посетитель должен пройти от своей роли к нужной информации и понятному первому контакту.
01Intent
Buyer / Supplier
Сначала определяем, зачем человек пришел и какая информация ему нужна.
→
02Interface
Multi-page UI
Структура страниц ведет по продуктам, ролям и коммерческим направлениям.
→
03Context
Logistics / Compliance
До заявки пользователь получает контекст по логистике, документам и процессу.
→
04Conversion
RFQ / Contact
Первый запрос собирается в понятный коммерческий следующий шаг.
→
05Handoff
Commercial follow-up
Сайт передает уже более подготовленного пользователя в реальную коммуникацию.
⌁
Не декоративная схема — это логика, вокруг которой собрана структура кейса LAT.
03 / Результат
Сайт работает как презентация компании и как инструмент квалификации входящего B2B-спроса.
Вместо обычной корпоративной страницы получилась полноценная информационная система: разные роли получают свой контекст, продуктовые направления не смешиваются с обещаниями наличия, а документы, логистика и compliance усиливают доверие до отправки RFQ.
KVI / Direct contact
Есть похожая задача?
Если задача похожа, сначала разберу ее сам — без менеджеров и передачи между специалистами.
01 Описание задачи02 Разбор03 Личный ответ04 Решение и сроки
