Дизайн и разработка сайта Amic.ru

25.05.2022

Десятки тысяч жителей Алтайского края начинают свой день с просмотра новостей на Amic.ru. Сотни изданий цитируют публикации сайта. Административная часть кардинально не менялась с 1999 года, публичная — с 2016.

Задача

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

Прототип

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

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

Дизайн

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

Типы представлений

Новость (публикация) имеет до 15 представлений в разных блоках сайта

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

Сценарий сборки главной страницы подразумевал быстрое и гибкое наполнение. Для этого в админке мы создали ее прототип, разбили на секции и ввели свою терминологию, применимую именно к административной панели «Амика».

Технологии

Современный сайт СМИ должен быть реактивным. Поэтому мы выбрали стек, считающийся новым и передовым, но, при этом, уже «обкатанный» многими крупными новостниками: Single Page Application (SPA) + Server Side Rendering (SSR) как основа; и VueJS + Nuxt (front-end) — Laravel (back-end) для реализации. Этот набор обеспечивает загрузку сайта целиком и последующий серфинг без перезагрузки страниц.

Контент

Помимо ежеминутного потока новостей, сайт предлагает своей аудитории объемные аналитические статьи, видео и подкасты.

📖 Читай

🎧 Слушай

🍿 Смотри

Сторис

В качестве эксперимента мы перенесли сторис в веб — и этот формат прекрасно лег именно на новостном сайте

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

Лонгриды

Объемным статьям обычный формат новости не подходит по ряду причин. Десятки абзацев и множество слайдеров нуждаются в своем отдельном наборе стилей. Мы разработали механизм, при котором статья, размещаемая в разделе «Читай», автоматически публиковалась в формате лонгрида.

Настолько масштабная «перезагрузка» проекта не могла пройти безболезненно для лояльной аудитории, однако, спустя несколько месяцев «Амик» вернулся на первое место в рейтинге СМИ региона и продолжает наращивать аудиторию.

Дизайн сайтовСайтыСМИ