
Сайт торговой площадки ТЭК-Торг
Разработка платформы бренда, digital-айдентики и сайта, техподдержка для федеральной торговой площадки
ТЭК-Торг — федеральная электронная площадка, которая оказывает сервис полного цикла для участников закупок.
Серебро. Сайт поддержки бизнеса и инвестиций

Задача
Активный рост компании, расширение пула клиентов и сервисов повлекло за собой необходимость расширения присутствия в digital среде. ТЭК-Торг обратился к нам с задачей обновить сайт, который должен учитывать разнообразие предоставляемых услуг и обеспечивать для каждого сегмента аудитории быстрый и интуитивно-понятный процесс закупок.

Исследования
ТЭК-Торг выстраивает позиционирование вокруг человеко-центричности, и это вдохновило нас на создание удобного, качественного и доступного инструмента работы для всех участников процесса закупок. Проведя UX и UI исследования, мы пришли к выводу о необходимости проектирования новой логики страниц и пользовательских путей взаимодействия.

Блочная структура
Мы решили не сегментировать разделы отдельно для заказчиков и поставщиков, а сосредоточиться на функции. Вся информация о видах процедур, услуг и сервисов, анонсы обучений сгруппированы по карточкам и сформированы в блоки. Блочная структура прослеживается на каждой странице сайта для более удобного восприятия.


Digital-айдентика
В качестве основного шрифта был выбран ненавязчивый Suisse Intl. Цветовая палитра оттенков синего сбалансирована минималистичными изображениями в стиле бренда. Фотостиль, типографика, графика и цвет вместе дополняют друг друга, создают ощущение простоты, прямолинейности и прозрачности закупочных операций.



Айдентика ТЭК-Торга нуждалась в развитии и адаптации под digital среду. Работая над визуальным решением, мы взяли за основу товарный знак компании и придумали несколько вариантов графики с помощью приема контрформы, которые используются в интерфейсе, рассылках и других промоматериалах.

Разработка
Сложность на этапе разработки заключалась в необходимости поддерживать старые браузеры, такие как IE11. Сборка страниц происходила с подключением и параллельной доработкой API заказчика. Итоговый проект собран при помощи Next.js на Laravel.





Страницы секций
ТЭК-Торг работает с крупными заказчиками, такими как Роснефть, Интер РАО, РЖД. Для них предусмотрены отдельные страницы секций, и нам требовалось органично вписать фирменный стиль этих компаний в единый стиль ТЭК-Торга. Для этого мы использовали изображения, ассоциирующиеся с секциями, и фирменные акцентные цвета: для Роснефти — желтый, для РЖД — красный, для Интер РАО — оранжевый.




Развитие айдентики
Айдентика, разработанная для digital, легко адаптируется и рассчитана на широкое применение, в том числе и на офлайн носителях.



Итог
Новый сайт для ТЭК-Торга представляет собой современную площадку для закупок и систему сервисов, обеспечивает организаторам закупок и поставщикам удобный и качественный инструмент взаимодействия.
