Задача
ТЭК-Торг — одна из восьми федеральных электронных торговых площадок, где заказчики и поставщики заключают государственные и коммерческие контракты. С 2015 года через площадку прошло более 450 тысяч закупок общей стоимостью свыше 20 триллионов рублей.
В настоящее время на ЭТП функционируют 7 торговых секций. Для корпоративных групп предусмотрены секции, где компании могут централизованно управлять закупками. Реализация имущества осуществляется через отдельный сегмент, как и закупки малых объемов. Государственные закупки и закупки для компаний с госучастием также выделены в отдельные секции с учетом их специфики.
Каждая секция имеет свои правила работы и процессы как в открытой, так и в закрытой части ЭТП.
Среди партнеров лидеры индустрии: «Роснефть», «РЖД», «Интер РАО», «Норникель» и другие. В 2023 году только в секциях «Роснефти» и «Интер РАО» провели торгов на 50 млрд рублей.
По данным рейтингового агентства «Эксперт РА», площадка входит в топ-5 лучших электронных торговых платформ для корпоративных клиентов. Она отвечает современным требованиям безопасности и стабильной работы.
С 2022 года наша команда помогает компании развиваться, обновляя платформу и добавляя новые сервисы и продукты.
Решение
В настоящее время на ЭТП функционируют 7 торговых секций.
ЭТП — это экосистема сервисов, упрощающая закупочные процессы и создающая удобную среду для взаимодействия заказчиков и поставщиков.
На ЭТП предусмотрены три ключевых пространства. В открытой части, доступной без регистрации, пользователи просматривают актуальные торги и условия участия в конкретных процедурах, а также знакомятся с услугами и сервисами ТЭК.
Закрытая часть предназначена для аккредитованных участников. Здесь происходит основная работа: подача заявок, управление финансами и документооборотом, заключение контрактов.
ЭТП предлагает ряд вспомогательных сервисов, которые дополняют основные функции платформы.
Они включают:
– службу поддержки,
– консьерж-сервис,
– обучающий центр,
– сервисы оформления ЭЦП и МЧД, а также блок финансовых инструментов.
Наша роль:
В перезапуске экосистемы мы отвечали за дизайн, фронтенд-разработку, часть аналитики и бэкенда.
Создали дизайн-систему из разных по функционалу UI-китов, разработали сайт открытой части, соответствующий международным стандартам безопасности и отказоустойчивости. Обновили платформу финансовых сервисов и проводим редизайн закрытой части. Продолжаем поддерживать каждый из этих микросервисов.
Взаимодействуем как единая продуктовая команда: глубоко погружаемся в процессы, быстро синхронизируемся и учитываем общий контекст. При этом каждая сторона сохраняет свою зону ответственности. Выделенная команда и общий рабочий процесс помогают оперативно развивать платформу.
1. Открытая часть экосистемы ТЭК-Торг
Открытая часть ЭТП – это точка входа в экосистему ТЭК-Торг, витрина возможностей платформы и инструмент, направленный на вовлечение новых участников. Она выполняет две ключевые функции: во-первых, предоставляет пользователям доступ к актуальным процедурам, стимулируя их к участию в торгах. Во-вторых, демонстрирует все неторговые предложения площадки.
Открытая часть формирует первое впечатление о платформе и мотивирует к прохождению аккредитации в закрытую часть.
В 2022 году ТЭК-Торг обратился к нам с задачей обновить открытую часть ЭТП. Площадка активно развивалась, расширяла спектр предложений, и существующие решения уже не соответствовали новым бизнес-целям.
Необходимо было переработать структуру и интерфейс, обеспечив удобный доступ к информации о торгах и услугах, а также упростить путь пользователя к регистрации и участию в процедурах. Кроме того, ЭТП нуждалась в надежной и масштабируемой инфраструктуре, способной эффективно функционировать в условиях высокой нагрузки.
ТЭК-Торг работает в сфере, где промедления недопустимы: участники ожидают быстрой обработки запросов и оперативных изменений. Поэтому важно было сделать платформу гибкой – с возможностью легко обновлять контент, подключать новые сервисы и адаптироваться к меняющимся требованиям.
Создали технологически зрелую архитектуру, которая выдерживает высокие нагрузки и синхронизирует сложные серверные процессы с интуитивно понятным интерфейсом.
Защита. Встроили в архитектуру системы механизмы защиты от распространенных угроз: SQL-инъекций, XSS (межсайтовый скриптинг) и DDoS-атак
SSR (Server-Side Rendering). Ускорили загрузку страниц и улучшили индексацию в поисковых системах
Sentry. Интегрировали Sentry для мониторинга и быстрого устранения ошибок
350+ мероприятий для бизнеса
Интеграции сервисов
Подключили реестр торговых процедур – внутренний сервис ТЭК-Торга с отдельной масштабной базой данных.
Итоговый проект собран при помощи Next.js на Laravel.
2. Создали платформу финансовых сервисов
ЭТП включает несколько неторговых сервисов, одним из которых является ФинТЭК. Этот сервис представляет собой многошаговый процесс оформления банковской гарантии: регистрация, подача необходимых для оформления документов и данных о компании, получение обратной связи по ним.
ФинТЭК важен для тех участников, для которых торги — это профессиональная деятельность. Сервис сложнее многих других услуг на ЭТП, поэтому ему нужна отдельная платформа, чтобы обеспечить удобство и надежность.
В 2023 году с его помощью было выдано гарантий на сумму свыше 4 млрд рублей. Более 50 000 организаций постоянно пользуются финансовыми сервисами «ТЭК-Торг». Партнерами ТЭК-Торга по финансовым продуктам выступают ведущие российские банки, включая Альфа-Банк, Совкомбанк, Металлинвестбанк, Абсолют Банк и Ингосстрах Банк.
Перед нами стояла задача сделать процесс оформления банковских гарантий простым и предсказуемым для всех категорий пользователей, независимо от их опыта работы с финансовыми инструментами. Нужно было снизить вероятность ошибок, устранить лишние шаги и создать четкую логику взаимодействия.
Процесс требовалось автоматизировать через интеграцию с банком, чтобы сократить ручную обработку данных и ускорить одобрение заявок.
При создании платформы финансовых сервисов ориентировались на принципы прозрачности и устойчивости к пользовательским ошибкам. Перенимали опыт банковского UI.
CJM
Мы продумали CJM пользователя из разных точек входа и разного уровня осведомленности об услуге, включая сайт, личный кабинет площадки и другие сервисы ТЭК-Торга, чтобы привлечь пользователей к регистрации. Цель — упростить и ускорить процесс, сделав его интуитивным.
Ключевым моментом проекта стала интеграция с банком для автоматизации получения банковских гарантий. Мы разработали схему обработки заявок, которая отображает весь путь заявки, и оптимизировали редактирование анкеты.
Новый frontend разработали на Next.js, синхронизировав его с backend ТЭК-Торга, выполняя интеграции на основе уже имеющегося Swagger API.
3. Дизайн-система
Мы создали единую дизайн-систему, которая охватывает все продукты ТЭК-Торга. Это полноценная структурированная фронтенд-библиотека в виде взаимосвязанных UI-китов с сетом 3D-иконок.
С 2022 года дизайн-система развивалась, адаптируясь к специфике продуктов, в которых применяется. На сегодняшний день открытая часть платформы и финансовые сервисы уже полностью работают на ее основе.
Важная веха эволюции дизайн системы – ее адаптация к сервисам закрытой части. В ходе редизайна мы сосредоточились на упрощении работы с ее сложной и многоуровневой структурой. Одной из ключевых задач было обеспечение плавного и логичного перехода из открытой части, чтобы пользователи могли легко ориентироваться в интерфейсе, насыщенном функциональными возможностями и большим объемом информации.
В открытой части дизайн-система выполняет коммуникационную и брендинговую функцию, обеспечивая визуальную целостность и удобство восприятия информации.
Со временем система масштабировалась, приобретая сервисные атрибуты, которые легли в основу интерфейсов закрытой части.
— 110 блоков: сделали конструктор типовых страниц из готовых компонентов
— 150 экранов: отрисовали, включая состояния различных элементов и служебные формы
— 3D Проектирование: разработали 40+ иллюстраций
— Типографика
Дизайн-система закрытой части
Обновили закрытую часть.
Закрытая часть электронной торговой площадки — это пространство, где участники размещают и участвуют в закупочных процедурах, формируют планы, ведут документооборот и управляют финансами.
Обновили экраны и внедрили решения, основанные на новом UI-ките. Работа включала визуальные изменения, переработку логики интерфейсов и адаптацию структуры под реальные сценарии использования.
Результат
В рамках проекта мы перевели платформу с корпоративного формата на продуктово-сервисную модель. Работа над каждым элементом экосистемы охватывала все этапы – от аналитики и проектирования до дизайна, разработки, тестирования, запуска и сопровождения.
Переработанная логика, гибкая дизайн-система, обновленные сервисы и оптимизированная архитектура упростили взаимодействие с платформой для всех участников торгового процесса. Работа над развитием экосистемы продолжается: система адаптируется к новым требованиям рынка, совершенствуются процессы, а единые принципы оформления и взаимодействия постепенно распространяются на все продукты.
Сегодня ТЭК-торг это не просто онлайн-сервис, а соответствующая современным стандартам площадка для закупок.
Еще больше идей, кейсов и новостей от Only — на сайте, в Dprofile и Telegram.
