Сайт торговой площадки ТЭК-Торг

Задача

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

Исследования

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

Блочная структура

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

Digital-айдентика

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

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

Разработка

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

Страницы секций

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

Развитие айдентики

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

Итог

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