B2B/GovTech-платформа для поиска промышленных партнеров, размещения заявок, работы с номенклатурой, коммуникации между предприятиями и сбора аналитики для фонда развития промышленности.
Основной пользователь портала. Заполняет профиль компании, размещает закупаемую и реализуемую номенклатуру, создает заявки, откликается на предложения других предприятий и ведет переписку по заявкам
Ключевые сценарии:
Профиль, номенклатура, заявки, отклики, сообщения
Региональный фонд развития промышленности. Контролирует активность предприятий, подтверждает регистрации, проводит опросы и собирает аналитику по работе портала
Ключевые задачи:
Отчетность, опросы, подтверждение регистраций, мониторинг активности
Отвечает за пользователей, настройки системы, классификаторы и справочники. Его задачи связаны не с кооперацией предприятий, а с поддержкой стабильной работы портала и корректности данных
Ключевые задачи:
Управление пользователями, настройками системы, классификаторами и справочниками
Предприятие
профиль, номенклатура, заявки, отклики
РФРП
аналитика, опросы, мониторинг, регистрации
Портал
Web-платформа
Заявка
потребность, отклик, документы
Номенклатура / Профиль
поиск, классификаторы, данные
Сложная функциональность была описана как набор таблиц и форм.
Исходное ТЗ содержало большое количество сценариев: поиск предприятий, поиск номенклатуры, управление заявками, профиль компании, сообщения, опросы, отчетность, импорт данных и администрирование. При этом требования к интерфейсу были достаточно строгими: интерфейс должен быть понятным, не перегруженным, с единым оформлением форм и однозначными подписями.
Главный вызов был не в том, чтобы «перерисовать экраны», а в том, чтобы превратить техническую структуру портала в понятный рабочий продукт для предприятий.
Я выделил ключевые сущности портала и выстроил их связи вокруг центрального объекта — заявки. Так сложная система требований из ТЗ превратилась в понятную пользовательскую логику.
Вокруг нее строится основное взаимодействие
Предприятия, номенклатура и классификаторы связаны
Сообщения и документы привязаны к конкретной заявке
Поддерживает поиск, аналитику и администрирование
Основной пользовательский поток
01
профиль компании
02
закупаемая и реализуемая
03
потребность или предложение
04
интерес и условия
05
переписка по заявке
06
устойчивая связь
Модель помогла связать разрозненные функции из ТЗ в единую систему: профиль наполняет базу данных, номенклатура участвует в поиске, заявка запускает взаимодействие, а чат сохраняет контекст сделки.
Поиск потенциальных поставщиков и покупателей
Сопоставление потребностей и предложений
Единая поисковая логика связывает данные профиля с предложениями, заявками и потенциальными партнерами.
Быстрые сигналы
Последние изменения в портале
События
Сегодня
Доступные сигналы: Активна, Ожидает ответа, Отказано, Закупка, Заявка на реализацию, 28.12.13.
Figma variables → JSON → frontend
Семантическая структура отделила смысл интерфейса от конкретных значений и сделала изменения предсказуемыми для обеих сторон.
JSON export
tokens.json
{
"action.primary": "{red.600}",
"content.onAction": "{neutral.0}",
"button.gap": "{spacing.16}",
"button.radius": "{radius.4}"
}Экспорт стал первым шагом к синхронизации UI kit и фронтенда.
В результате получился интерфейс для сложной B2B/GovTech-системы: с публичной посадочной страницей, личным кабинетом, рабочей главной страницей, заявками, профилем предприятия, чатами и основой для дизайн-системы.
Главный результат проекта — не только визуальное обновление портала, но и систематизация сложного ТЗ в понятную продуктовую модель. Отдельная ценность — первый опыт связки UI kit, семантических токенов и разработки через JSON-выгрузку.
Этот проект стал для меня первым опытом, где дизайн-система рассматривалась не только как набор компонентов в Figma, но и как часть производственного процесса между дизайном и разработкой.
Портал с новостями, событиями и культурными проектами для Министерства культуры Санкт-Петербурга
info@gmail.com
Telegram
jk_ppub
in/jkpdesign/