Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Сибирикс
Электронная версия газеты «Северсталь»
Сибирикс
#Сайт под ключ

Электронная версия газеты «Северсталь»

444 
Сибирикс
Сибирикс Россия, Москва
Поделиться:
Электронная версия газеты «Северсталь»
Клиент

Северсталь

Сфера

СМИ

Регион

Россия, Москва

Тип сайта

Порталы и сервисы

Сдано

Декабрь 2021

Задача

Цветную и классно свёрстанную печатную версию газеты выпускают с 2013 года. Раньше газета была только для сотрудников Северстали и доступна только из внутренней сети компании. Но заказчик пришел к нам с идеей нового сайта газеты, который будет открыт и внешней аудитории.

Необходимо было сохранить привычный «конвейер» создания печатных выпусков и удобно интегрировать их в новое онлайн-пространство.

Решение

Импорт выпусков на сайт

Редакция верстает печатные номера газеты в Adobe InDesign — и это здорово, потому что сервис позволяет сделать выгрузку документа в формате .xml. А такой файл можно автоматически загрузить на сайт и превратить в практически готовые страницы.

Настройкой такого импорта мы убили сразу двух зайцев:

Редакция заказчика продолжает делать свои выпуски так, как привыкла.

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

Фрагмент выгрузки:

1Разработка

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

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

2Мощный конструктор для публикаций

Читать интернет-медиа с однотипной версткой списка статей никому неинтересно — пользователи привыкли к тому, что в онлайн-СМИ разнообразят подачу контента. Чтобы просматривать материалы было не скучно, мы отрисовали 9 вариантов верстки блоков со статьями на главной странице: в одну, две колонки или три колонки, с акцентным материалом, с карточками и списками. При наполнении выпуска контент-менеджер может использовать все эти варианты на своё усмотрение: применять несколько раз один и тот же блок на главной или постоянно разнообразить их вид. Благодаря такой свободе верстка всегда будет опрятной и аккуратной: без скучного полотна текстов и без некрасивых пустот.

А ещё контент-менеджер может легко создать почтовую рассылку со свежими публикациями прямо в админ-панели — для этого у статей есть галочка «Включать в рассылку». Можно начекать несколько публикаций, нажать кнопку «Сгенерировать рассылку», и в Битриксе создается черновик письма с выбранными материалами. Контент-менеджеру останется лишь его подредактировать, если нужно, и разослать подписчикам.

3Аккуратная детальная страница публикации

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

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

Результат

https://gazeta.severstal.com/

Стек технологий

  • JavaScript JavaScript Язык программирования
  • PHP PHP Язык программирования
  • TypeScript TypeScript Язык программирования
  • 1С-Битрикс 1С-Битрикс CMS
  • jQuery jQuery Фреймворк/библиотека
  • Laravel Laravel Фреймворк/библиотека
  • Vue.js Vue.js Фреймворк/библиотека
  • MySql MySql База данных
  • Docker Docker Среда разработки
  • Figma Figma Графический редактор

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Сибирикс с удовольствием обсудит вашу задачу

Оставить заявку