Главное о кейсе
«Главпортал» — популярная отраслевая интернет-площадка, которая освещает промышленные тренды, объединяет экспертов и новаторов, содействует сотрудничеству предприятий.
Обновили сайт издания, сделали его более современным и удобным для читателей, партнеров, авторов и редакторов. В процессе переосмыслили архитектуру платформы, создали новую технологическую основу для развития медиа. Особое внимание уделили интеграции различных сервисов и инструментов, что позволило объединить на одной платформе читателей, авторов и деловых партнеров.
Сегодня «Главпортал» ежедневно привлекает 50 тысяч специалистов и публикует свыше тысячи материалов ежемесячно. Платформа сохранила содержательную ценность и получила мощный импульс для дальнейшего развития в цифровой среде.
Как проект изменил жизнь пользователей
Все пользователи «Главпортала» получили совершенно новый опыт, который ощутимо улучшил их повседневную работу и взаимодействие с изданием.
Для читателей навигация стала логичнее, чтение — комфортнее, поиск — быстрее:
— время, проведенное пользователями на сайте выросло на 20%;
— показатель количества просмотров страниц за сессию вырос на 10%;
— количество отказов снизилось на 7,5%, благодаря ускорению загрузки страниц на 16% и улучшению адаптации сайта под мобильные устройства;
— доля мобильных пользователей выросла на 18%.
Редакции издания обновление позволило трансформировать внутренние процессы и повысить их эффективность. Время на публикацию материалов сократилось в 2 раза.
Партнеры и авторы отмечают в 3 раза больше откликов на спецпроекты. А также простую систему размещения материалов и возможность отслеживать статистику публикаций.
Бизнес-задача и ее решение
За 10 лет существования «Главпортал» накопил огромный массив экспертного контента, но его технологическая база устарела.
От нас требовалось провести комплекс работ по обновлению сайта издания, сделать его более современным и удобным для читателей, партнеров, а также для авторов и редакторов.
Целью обновления было улучшение ключевых метрик, включая:
— увеличение времени, проведенного пользователями на сайте;
— рост количества просмотров страниц за сессию;
— сокращение показателя отказов;
— увеличение доли мобильного трафика за счет адаптивного дизайна;
— ускорение загрузки страниц для повышения общей производительности;
— оптимизация работы редакторов за счет внедрения новых инструментов управления контентом.
Провели комплексную модернизацию платформы, охватившую как внешний вид, так и внутреннюю архитектуру сайта:
1. Полный редизайн интерфейса
Мы переосмыслили визуальный стиль сайта, адаптировав его под потребности b2b-аудитории. Основной акцент сделали на удобочитаемость, чистую типографику, лаконичную цветовую палитру и интуитивную навигацию. Дизайн ориентирован на длительное потребление контента и комфортную работу на мобильных устройствах — по принципу mobile first.
2. Новая структура и функциональность
Сформировали четкую контентную архитектуру, в основе которой — сценарии использования для разных групп пользователей: читателей, редакторов, авторов.
Переработали логику разделов, ввели бесконечную ленту для статей и новостей, расширили фильтрацию по отраслям и регионам, добавили новые типы контента: подкасты, интервью, мероприятия. Это позволило лучше структурировать материалы и повысить вовлеченность аудитории.
3. Глубокая техническая трансформация и миграция без потери данных
Обновили системное ядро с сохранением всего архива — 50 000 материалов. Старая база данных была полностью перенесена в новую систему на базе Wagtail CMS и Django, с учетом всех связей между объектами и корректной работой всех материалов на новом движке.
4. Интегрировали сайт со сторонними сервисами
Для обеспечения полноты аналитики и дальнейшего роста платформы подключили Яндекс.Метрику. Инструмент позволяет редакции принимать обоснованные решения по развитию контента и UX, а также повышать эффективность рекламных размещений.
5. Обеспечили плавный переход и поддержку
Одним из ключевых требований заказчика было сохранить привычный рабочий процесс редакции. Мы адаптировали административную панель под привычные сценарии: добавление новостей, управление ролями, работа с рекламой, тегами, отраслями и регионами. Разработали обучающие материалы и настроили систему обратной связи. Сотрудники редакции получили привычный и в то же время усовершенствованный инструмент, что позволило сразу перейти к работе без необходимости длительного обучения.
Крафт (мастерство), реализация, технические детали
— Backend — Python, Django, CMS Wagtail
Бесшовная миграция без потерь и с сохранением структуры: разработали кастомные скрипты миграции и провели ручную верификацию, чтобы ни один материал не потерялся, а связи и метаданные остались на месте.
Полностью переосмыслили административную панель Wagtail. Сохранили привычную логику, но расширили ее до сложной матрицы контента — с вложенностью, связями между материалами, гибкой системой ролей и возможностью управлять всем сайтом без привлечения разработчиков.
— Frontend —
Next.js (SSR), адаптивная верстка (mobile-first)
Всю клиентскую часть реализовали на
Next.js с серверным рендерингом. Это обеспечило высокую скорость загрузки и стабильную работу интерфейса, включая бесконечный скролл в лентах, интерактивные блоки новостей и событий, а также прогресс-бары чтения внутри карточек.
Адаптивный дизайн построили по принципу mobile-first, с четким контролем шрифтов, отступов и поведения блоков на разных разрешениях — от смартфона до 4K-монитора.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Проект строился в тесной связке с клиентом. Команда «Медиа-Бизнес» была глубоко вовлечена в процесс: обсуждала схемы, тестировала макеты, оперативно давала фидбек по обновлениям. Такой формат позволил нам быстро переходить от гипотез к работающим решениям.
Главные инсайты, которые заложили «фундамент» проекта:
— Один сайт — множество сценариев
«Главпортал» — это сложная система с множеством типов контента, ролей и сценариев. Каждое действие на платформе должно быть четко описано, формализовано и предсказуемо: для читателя, автора, редактора и администратора. Мы использовали диаграммы сущностей и прецедентов — как способ выстроить логику всей системы вокруг реальных задач.
Один из вызовов — работа с правами доступа. В процессе проектирования стало понятно, что прежняя система была непрозрачной и противоречивой. Мы выстроили новую структуру ролей, в которой каждый тип пользователя получает ровно тот уровень доступа, который ему необходим — не больше и не меньше. Это помогло минимизировать риски и сделать работу редакции более стабильной.
— Дизайн на службе у содержания
При редизайне мы исходили из поведенческих гипотез. Аудитория проводит на сайте много времени, значит визуал должен не отвлекать, а помогать читателю фокусироваться. Это подтвердила и реакция заказчика — первые версии дизайна показались «чересчур яркими» и отвлекали внимание от контента. В результате интерфейс оформили в сдержанном корпоративном стиле.
Серый фон создает сдержанную основу, а акцентный темно-зеленый цвет бренда и его оттенки подчеркивают важные элементы — заголовки, кнопки и ссылки. Также использовали лаконичный, легкочитаемый шрифт с контрастными заголовками.
— Редакторы = power users
Работа с CMS потребовала особой точности, так как редакция привыкла к определенной логике. Мы не стали ломать процессы, а встроили новые возможности в уже привычную структуру. По сути, настроили CMS под привычки редакции, а не наоборот.
— Миграция без иллюзий
Первоначально предполагалось, что база данных достаточно «чистая» — но в процессе выяснилось, что структура материалов формировалась годами вручную, со множеством уникальных кейсов, исключений и обходных решений. Нам пришлось провести серию дополнительных итераций по нормализации данных и создать набор промежуточных скриптов, чтобы сохранить ссылки, атрибуты и метки.
— Управление рекламой как частью редакционного процесса
Настроили нативную поддержку спонсорских материалов: с параметрами ИНН, Erid, кастомными блоками на всех типах страниц. Все — из одной админки.
Подключили Яндекс.Метрику, чтобы оперативно тестировать гипотезы: как работают новые разделы, какие материалы читают, где пользователи теряются. Это дало ценную обратную связь уже в первые дни после запуска.
Скриншоты
Комментарий заказчика
Выражаем искреннюю благодарность агентству Terabit Digital за проделанную работу по комплексному обновлению нашего сайта
https://glavportal.com/.
Благодаря вашему профессионализму, вниманию к деталям и глубокому пониманию наших потребностей, мы получили современную, удобную и функциональную платформу, соответствующую высоким требованиям нашей аудитории.
В ходе проекта агентство продемонстрировало высокий уровень экспертности, прозрачность процессов и гибкость в решении поставленных задач.
Результаты превзошли наши ожидания: мы наблюдаем рост ключевых метрик, увеличение вовлеченности пользователей и улучшение опыта работы редакторов. Теперь сайт не только отвечает современным требованиям, но и открывает новые возможности для дальнейшего развития.