сайт

Вечерний Барнаул

Сайт городского СМИ

Заказчик

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

Задача

Создать информационный сайт современного городского СМИ.

Решение

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

Аналитика

Начали с аналитики — тщательно проанализировали ЦА сайта и продумали новую структуру, удобную как для читателей, так и журналистов. После этого разработали чёткое техническое задание, которое стало прочной базой для всего проекта.

дизайн-концепция

На этапе дизайна создали свежую визуальную концепцию, отражающую новое позиционирование газеты — современное городское СМИ.

Цветовая гамма Вечернего Барнаула вторит основным оттенкам сайта администрации города, что неудивительно, так как это один из учредителей издания. Используются тёмно-графитовый, белый и оранжевый цвета — они были и на старом ресурсе. Кардинально менять цвета не стали, дабы сохранить узнаваемость, но подобрали их более гармоничные оттенки. Оставили и логотип, символ Барнаула и издания — дом под шпилем.

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

Для читателей

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

Рубрикатор

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

Фильтр

Достаточно отметить желаемый жанр или несколько — новость / видеорепортаж / фоторепортаж и читать нужные вам публикации. А ещё можно скомбинировать работу фильтра с рубрикатором — к примеру, выбрать тег «Образование» и отметить жанр «Фоторепортаж» — тогда будут доступны для чтения только фоторепортажи, связанные с образованием.

Поисковая строка

Найти новость можно и по ключевым словам — для этого даже в одноимённый раздел переходить не нужно, достаточно ввести запрос в поисковую строку, которая вызывается из шапки. Представим, что нам нужно узнать, как сыграла местная команда по мини-футболу на Кубке России. Вводим в поиск «футбол» или «Кубок России» и вуаля, все новости с такими словами перед вами. Осталось лишь выбрать нужную — но и тут проблем не будет, ведь они отсортированы по дате публикации, начиная с самых свежих.

Другие полезности

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

Для журналистов

Ролевая система

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

Рубрикатор

С рубрикатором, о котором мы говорили выше, работать внутри сайта тоже просто. Рубрики делятся на основные и дополнительные — например, такие как тег Barnaul2021 актуальный только в 2021 году.
К каждому тексту прикрепляется теги — главное помнить, что надо обязательно добавить хотя бы один основной. А всё потому, что дополнительные рубрики можно скрыть, когда они станут неактуальными — новости же сохранятся в привязке к основной.

Текстовый конструктор

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

Интеграция

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

Парсинг

Карта распространения

Создали на сайте карту с местами распространения газет. Точек на карте больше 70, ручками по одной добавлять долго и есть риск ошибки. Поэтому из файла Google Earth, распарсили нужные названия мест и их координаты прямиком на новый сайт, где уже всё было готово для их корректного отображения. Теперь по клику на точку видно, где можно найти печатную версию газеты «Вечерний Барнаул».

Перенос контента

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

А уже вот здесь из-за того, что сайт, с которого переносили контент, был на другой CMS (Wordpress) и стили HTML отличались — пришлось поплясать с бубном. Материалов было очень много — свыше 10000, поэтому искать и исправлять каждую ошибку вручную было бы мучительно долго. Начали отсматривать контент — сравнивали внешний вид с дизайн-макетом и вёрсткой и искали закономерности. Когда правили код — обнаруженные однотипные ошибки исчезали сразу в нескольких местах — так и решили эту трудную задачу.

верстка