ГК ТЭСС — это промышленный гигант в сфере электроэнергетики. Они проектируют и строят подстанции «под ключ», обслуживают линии электропередач и работают с такими корпорациями, как «Россети» и «Новатэк».

Несмотря на масштаб в реальном мире, их присутствие в сети не так впечатляло. В реальности ТЭСС — один из крупных подрядчиков в сфере электроэнергетики, в интернете — сайт, на котором сложно найти нужную услугу.

Старый сайт технически и визуально устарел: он не позволял оперативно управлять контентом, не отражал мощь бренда и, что самое важное, сдерживал коммерческое развитие.

Клиент пришел к нам, когда понял: чтобы расти дальше, нужна современная платформа, способная отразить реальность в цифровом формате.

Главная проблема была в диссонансе

Перед нами стояли три вызова

Главная сложность аналитического этапа заключалась в высокой степени неопределенности: у заказчика не было четко сформулированного ТЗ, кроме базового состава товаров и услуг. Создавать платформу приходилось в своеобразном вакууме.

Чтобы не изобретать велосипед, мы развернули масштабное исследование, объединив собственную глубокую B2B-экспертизу с технологиями ИИ.

Экспертный ресерч в условиях вакуума

В процессе проектирования клиент часто ориентировался на референсы глобальных ИТ и промышленных гигантов вроде Huawei, Siemens и General Electric, а также предлагал B2C-решения с «вау-эффектами». Аналитика помогла вовремя «приземлить» эти идеи.

Исторически сложилось, что российское сайтостроение опережает зарубежное на несколько лет. Шаблонные UX-решения мировых лидеров эффективны только за счет их доминирующего положения на рынке — огромным корпорациям плохой сайт просто не мешает продавать. В российской же конкурентной B2B-среде это недопустимая роскошь. Мы мягко убедили клиента отказаться от избыточной анимации в пользу строгой и эргономичной архитектуры.

Приземление западных трендов

В тяжелом B2B стандартные подходы не работают. Мы решили строить систему не от «картинки», а от удобства управления данными.

Архитектура инженерных решений и «матричная» логика

Для раздела «Силовое оборудование» спроектировали систему фильтрации, учитывающую специфику B2B: от номинального тока и напряжения до климатического исполнения (У3, УХЛ4) и степени защиты IP. Мы добавили функционал быстрого запроса предложения с разными вариантами сценариев покупателей, превращая выбор выключателя или трансформатора в быстрый бизнес-процесс

Тяжелый каталог и умные фильтры

У ТЭСС уже был сильный, дорогой брендбук, разработанный известным агентством. Однако он создавался для офлайн-форматов. Перед дизайнером стояла задача перенести его в веб-среду, не превратив интерфейс в пеструю ярмарку. Основой UI-решений стала аккуратная работа с геометрией логотипа — его знаковые элементы в виде разноцветных стрелочек «лепестков» и срезанные углы были трансформированы в аккуратные контентные контейнеры и графические акценты.

Дизайн-кухня: адаптация мощной графики

Проект был реализован в жесткие сроки — всего за 3 месяца, несмотря на то, что со стороны заказчика в обсуждениях участвовала команда из 5−6 экспертов.

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

Запараллеленный продакшн: как выдать максимум в сжатые сроки

Специфика согласований также требовала максимальной мобилизации — решения принимались не в формате переписки, а на живых онлайн-презентациях, где команде приходилось защищать каждый интерфейсный шаг перед комиссией из ключевых лиц заказчика, включая основателя компании и коммерческого директора. Несмотря на то, что график иногда сдвигался из-за высокой загрузки топ-менеджмента клиента и их командировок по выставкам, проект сохранил высокий темп благодаря прозрачному менеджменту.

Онлайн-согласования

Изначально мы закладывали архитектуру «на вырост». Уже в процессе разработки клиент расширил коммерческие планы, решив масштабировать бизнес за счет дистрибуции мелкоузловых компонентов и контрактов с новыми поставщиками. Благодаря гибкой модульной архитектуре, мы прямо сейчас бесшовно, без тотального переписывания кода, достраиваем на этой базе полноценный интернет-магазин с личным кабинетом, поиском и корзиной.

Сделали современную масштабируемую цифровую платформу