Разработка информационного портала для СМИ

В рамках проекта необходимо было:

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

Провели комплексный анализ существующего сайта, чтобы выявить точки роста в пользовательском опыте, навигации и работе с большим объёмом контента. Результаты исследования использовали как основу для новой структуры и прототипирования.

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

Главная страница стала основной точкой входа в информационную экосистему портала. Здесь собраны ключевые новости и актуальные материалы, позволяющие быстро оценить информационную повестку города.
Большой объём контента организован с помощью многоуровневой навигации, верхнего и бокового меню, тематических блоков и карточек публикаций.
Такой подход позволяет одновременно показывать большое количество материалов и сохранять понятную структуру страницы.

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

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

Одним из ключевых специальных разделов стала «История города» — цифровое пространство для материалов об истории Магнитогорска.
Концепция раздела связана с архивом редакции, который насчитывает около 20 000 фотографий города разных лет, начиная с 1930 года.
Мы предусмотрели отдельный формат представления исторических материалов, который позволяет использовать архив как самостоятельную часть информационного портала и сохранять визуальную историю города в цифровой среде.

Помимо веб-версии разработали мобильное приложение «Магнитогорского Металла».
Пользователи получили возможность получать актуальные новости города и региона непосредственно со смартфона: читать публикации, следить за событиями, аналитикой, материалами о бизнесе, культуре и спорте.
Приложение расширило цифровое присутствие издания и создало дополнительный канал взаимодействия с постоянной аудиторией.

В результате «Магнитогорский Металл» получил обновлённую цифровую платформу, объединяющую современный дизайн, масштабную контентную структуру и удобный пользовательский опыт.
Более 90 разработанных макетов, единая дизайн-система и адаптивная архитектура создали основу для дальнейшего развития портала и оперативного добавления новых форматов контента.
Сегодня на сайте размещено более 70 000 статей, а ежедневная аудитория портала составляет около 1 500 пользователей.
Проект также получил профессиональное признание: концепция информационного портала «Магнитогорский Металл» прошла народное голосование и первичную оценку жюри и вышла в финал ежегодного всероссийского конкурса сайтов и мобильных приложений в номинации «СМИ, издательства».