Что разработали
Разработали сайт «Главпортал»: десктоп и адаптивную версию.
Проекты
Разработка сайта
«Главпортал»
Заказчик
ООО «Издательство «Медиа-Бизнес»
Технологический стек
- Python Django
- CMS Wagtail
- Next.js (SSR)
Интеграции
- Яндекс.Метрика
Задача
«Главпортал» — уникальная интернет-площадка, которая освещает промышленные тренды, объединяет экспертов и новаторов, содействует взаимовыгодному сотрудничеству предприятий.
От нас требовалось провести комплекс работ по обновлению сайта издания, сделать его более современным и удобным для читателей, партнёров, а также для авторов и редакторов.
Решение
В рамках работы над проектом осуществили следующие виды работ:
— аналитика и проектирование;
— редизайн;
— разработка новой структуры и функционала;
— перенос старой базы данных на новый сайт;
— интеграция со сторонними сервисами.
Аналитика и проектирование
Мы начали с исследования и анализа: детально изучили структуру существующего сайта заказчика, а также сайты его конкурентов.
Проработали диаграмму сущностей для структурирования и визуализации ключевых объектов системы, их свойств и взаимосвязей. Чтобы максимально четко понять, как разные данные должны взаимодействовать между собой.
Для моделирования взаимодействий между пользователями: читателями, авторами, редакторами и функциональностью системы использовали диаграмму прецедентов.
Чтобы обеспечить безопасность, структурировать процессы управления контентом и предотвратить несанкционированные действия проработали таблицу с правами пользователей. Определили ключевые роли и разграничили уровни доступа/права для каждой.
В системе для пользователей представлены несколько типов ролей, от которых зависят их права на сайте и доступ к функциональным возможностям.
Редизайн
Главный упор был сделан на создание удобного, современного и визуально привлекательного UX/UI. Специфика бизнеса заказчика подразумевает, что аудитория проводит на сайте много времени, читая текст. Поэтому нам важно было сделать дизайн максимально комфортным для этого. Важную роль здесь сыграли подобранные шрифты, цветовая палитра, расположение блоков и логичная навигация.
Так как «Главпортал» — это площадка для бизнес-новостей, оформление реализовали в строгом корпоративном стиле. Серый фон создаёт сдержанную основу, выделяя белые карточки контента.
Акцентный темно-зелёный цвет бренда и его оттенки подчёркивают важные элементы — заголовки, кнопки и ссылки. Используется лаконичный, читаемый шрифт с контрастными заголовками. Адаптивная вёрстка оптимизирована под mobile-first подход, с фокусом на комфортный просмотр и интуитивную навигацию.
RGB: 30, 60, 50
CMYK: 85, 55, 75, 55
PANTONE: 7722C
RGB: 240, 240, 240
CMYK: 7, 5, 5, 0
PANTONE: 7541 C
RGB: 125, 195, 170
CMYK: 55, 0, 40, 0
PANTONE: 3248 C
RGB: 51, 49, 50
CMYK: 0, 4, 2, 80
Новая структура и функционал
По итогам этапа аналитики сформировали конечную структуру разделов, которая включила: новости, статьи, спецпроекты, интервью и подкасты, а также мероприятия.
Главная
Главная страница содержит несколько материалов из каждого раздела.
Каждый раздел имеет свою категорию и свои особенности с технической и визуальной точки зрения.
Новости
«Новости» представляют собой базовый раздел, включающий категории и даты, бесконечный скролл не только в списке, но и в детальной карточке: можно прокручивать бесконечно сразу открытые новости. Эти же особенности имеют и остальные разделы.
Статьи и спецпроекты
«Статьи» и «Спецпроекты» схожи по структуре и визуалу, имеют атрибуты в виде отрасли и региона. Режим отображения статей можно настраивать по желанию: списком или плиткой.
Интервью и подкасты
Материалы из разделов «Интервью» и «Подкасты» могут включать в себя аудиоматериалы.
Мероприятия
Мероприятия отличаются по визуалу для удобного анонса опубликованных событий.
Поиск
Также на сайте реализован удобный поиск по всем разделам, в котором карточки унифицированы для удобства пользователя и помечены тегом, обозначающим привязанный раздел.
Панель управления администратора
Одним из важных требований заказчика являлась реализация сайта на привычной для всех сотрудников компании CMS Django Wagtail. Нам надо было сформировать структуру админки в соответствии с предыдущим решением его требованиями. Не потерять того удобства, которое было раньше, и вместе с тем, добавить новый полезный функционал.
Административная панель состоит из нескольких разделов и позволяет редактировать практически весь контент на сайте, что особенно важно для СМИ.
Роли пользователей
В административной панели есть возможность добавления новых пользователей, а также присвоения им ролей с определённым уровнем доступа к взаимодействию с контентом.
При активации редактора в административной панели, появляется возможность назначать его автором новостей, мероприятий, спецпроектов, статей, а также создавать, редактировать и удалять контент на страницах сайта.
Создание и редактирование новостей
Экран создания новости появляется после нажатия на кнопку «Добавить новость» в списке новостей.
После заполнения всех обязательных элементов списка и при активации чекбокса со статусом, новость публикуется на сайте. Этот принцип действует для всех типов контента, которые описаны.
Работа с разными видами контента
Также в админпанели предусмотрена возможность создания и редактирования статей, интервью или подкастов, спецпроектов, мероприятий и редактирование раздела «О нас».
Реклама на странице
Помимо этого, реализовали возможность добавлять рекламу в виде баннеров или материалов в новостных разделах.
Отрасли
Также в административной панели существует возможность добавлять новую отрасль. Их можно выбрать из списка при создании мероприятия, спецпроекта или интервью и подкаста. Также отрасль используется при сортировке контента на соответствующих страницах сайта.
Регионы
Аналогично отраслям, в административной панели имеется возможность создать новый регион. Его можно выбрать из списка при создании мероприятия, статьи, спецпроекта или интервью и подкаста. Также регион используется при сортировке контента на соответствующих страницах сайта.
Интеграции
Дополнительно мы интегрировали сайт с Яндекс.Метрикой для сбора и анализа данных о поведении посетителей портала. Инструмент позволяет редакции отслеживать посещаемость, источники трафика, глубину просмотра, время, проведённое на сайте, и другие важные метрики.
Все эти данные позволяют принимать обоснованные решения и работать над ростом аудитории. Оптимизировать пользовательский опыт, улучшать структуру и содержание сайта, а также повышать эффективность маркетинговых кампаний, как самого издания, так и его рекламодателей.
Результат
Мы провели комплексное обновление сайта издания, сделав его современным, удобным и интуитивным для читателей, партнеров, авторов и редакторов.
Результаты работы подтвердили успешность проведенных изменений. Улучшенные показатели позволили «Главпорталу» не только укрепить свою позицию как ведущей информационной площадки, но и привлечь новых партнеров и аудиторию.
