Для энергоснабжающей компании «Транснефтьэнерго» разработан корпоративный веб-сайт, который включает в себя отзывчивый дизайн и вёрстку для работы на любом устройстве, интеграцию с CMS, продвижение в поисковых системах с помощью SEO и контекстной рекламы. Проект реализован в сотрудничестве с клиентом в гибридном формате работы.

Логотип энергоснабжающей компании Транснефтьэнерго

Главная страница

Главная страница сайта энергоснабжающей компании Модальное окно на смартфоне – связаться с нами

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

Модальное окно десктопной версии – связаться с нами Меню услуг на главной странице

Ключевые разделы сайта для клиентов

Полезно

Раздел «Полезно об энергоснабжении» объединяет несколько тематических блоков: статьи, анонсы мероприятий, обзоры изменений в законодательстве электроэнергетики, а также полезные сервисы.

Раздел сайта десктопной версии – полезно об энергоснабжении
Раздел сайта планшетной версии – полезно об энергоснабжении

Услуги и решения

На странице «Услуги и решения энергоснабжения» размещены призыв к действию (CTA) с предложением получить консультацию, а также карточки с краткими описаниями услуг и решений. Клик по каждой карточке ведёт на страницу соответствующего раздела.

Страница сайта услуги и решения
Блок с формой обратной связи – подберём услуги и решения для вашего бизнеса
Мобильная версия страницы – услуги и решения энергоснабжения
Кнопки с услугами и решениями на мобильной версии сайта

О компании

В разделе «О компании» представлена основная информация о компании: её ключевые характеристики, история, новости, а также меню в виде карточек с иконками и описаниями разделов.

Раздел десктопной версии сайта – о компании
Планшетная версия сайта – о компании
Модальное окно связаться с нами в разделе сайта – о компании

Шрифт

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

Шрифтовое начертание для сайта и другого визуального контента

Цветовая схема для сайта

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

Цветовая схема для сайта

Иконки сайта

Навигационные иконки помогают пользователям сориентироваться на сайте, подсвечивая ключевые элементы. Все иконки выполнены в векторном формате SVG, что обеспечивает чёткое отображение на любом устройстве.

Навигационные иконки для сайта

Услуги и решения для клиентов

Энергоэффективные решения

На странице пользователь может подробно ознакомиться с услугами и выбрать подходящие, чтобы получить расчёт экономии. При прокрутке (скролле) форма закрепляется в области видимости.

Страница услуги – энергоэффективные решения

Подключение к электрическим сетям

Карта с отмеченными объектами и указанной мощностью подключения электроэнергии привлекает внимание пользователя и направляет его к призыву к действию (CTA).

Страница услуги – подключение к электрическим сетям

Русские электрические двигатели

При клике на кнопку «Все характеристики» появляется модальное окно с соответствующим содержимым, не уводя пользователя на другую страницу.

Страница услуги – русские электрические двигатели

Энергоснабжение для дата-центров

Блок «Этапы работ» реализован в уникальном формате: при прокрутке страницы его центральная часть остаётся фиксированной, а шаги автоматически переключаются.

Страница услуги – энергоснабжение для дата-центров

Метрологическое обеспечение

Блок с множественным выбором позволяет клиенту получить консультацию по одной или нескольким услугам.

Страница услуги – метрологическое обеспечение

Управление спросом на электроэнергию

График в блоке «Как это работает» дополнен визуализацией данных и интерактивными hover-элементами.

Страница услуги – управление спросом на электроэнергию

Электроэнергия для вашего бизнеса

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

Страница услуги – электроэнергия для вашего бизнеса

Проверка поставщика

В блоке «Вы уверены?» на странице Energy Check-up при наведении на карточки с процентными показателями активируется hover-анимация, которая визуализирует соотношение потребителей.

Страница услуги – проверка поставщика

Энергоюристы

Для продвижения страницы используется специальный статейный блок «Энергоюристы рекомендуют», который также доступен в разделе «Полезно».

Страница услуги – энергоюристы

Графические материалы для наружной рекламы

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

Графические материалы для наружной рекламы

Другие разделы сайта

График ограничения

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

Страница сайта десктопной версии – график ограничения
Аккордеон-меню для страницы – график ограничения
Интерактивная карта для страницы – график ограничения

Судебная практика в энергетике

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

Страница сайта – судебная практика в энергетике

Статьи наших экспертов

Полезные статьи от экспертов компании представлены в виде разнообразных структурных блоков, что делает подачу информации удобной и предотвращает утомление пользователей.

Страница сайта – статьи наших экспертов
Страница со статьёй эксперта, демонстрация вариативности представления контента
Демонстрация вариативности представления контента – статьи наших экспертов

Контактная информация

На странице реализована функция обратной связи через форму «Связаться с нами».

Страница сайта с контактной информацией

Новости компании

Нажатие на блок с новостью ведёт на страницу выбранной статьи.

Страница сайта – новости компании
Внутренняя страница сайта – новости компании
Планшетная версия страницы сайта – новости компании

Энергетик вправе

На странице пользователь может ознакомиться с изменениями законодательства и подписаться на электронную рассылку.

Страница сайта – энергетик вправе
Внутренняя страница сайта – энергетик вправе

Карьера

В разделе представлены преимущества работы в компании и список актуальных вакансий. Подробное описание каждой вакансии раскрывается при нажатии на неё.

Страница сайта – карьера

Мероприятия

Раздел сайта информирует посетителей о мероприятиях и позволяет подать заявку на участие.

Страница сайта – мероприятия
Внутренняя страница сайта – мероприятия

Закупки

Специализированный раздел сайта с информацией о закупках.

Страница сайта – закупки
Категоризация по годам на странице закупки
Внутренняя страница сайта – закупки
Планшетная версия страницы – закупки
Мобильная версия раздела – закупки
Версия страницы для планшетов - закупки

Раскрытие информации

В специальном разделе «Органам власти» информация компании представлена в лаконичном и удобном формате, доступном для всех пользователей.

Страница сайта – раскрытие информации