Редизайн новостного сайта tass.ru
tass.ru — главный новостной сайт Информационного агентства России ТАСС, одна из крупнейших новостных площадок Рунета. Ежедневно публикует тысячи новостей, фото и видеоматериалов о политике, экономике, культуре, спорте и других событиях в России и мире.
Сайт не попадал в топы рейтингов новостных агентств: непоследовательный UX от предыдущей команды и перегруженный код, из-за которого сайт периодически падал. Новое руководство поставило задачу — упростить UX, стабилизировать работу и создать единую систему для быстрой вёрстки будущих проектов.
прямые заходы на tass.ru, Яндекс.Метрика: 30,6 млн визитов за октябрь 2024 (в среднем 3,12 млн/день) → 52,9 млн визитов за октябрь 2025 (в среднем 6,21 млн/день)
среднее время на сайте в течение 2025 года: держалось на уровне ~2:30–2:45 до сентября, к октябрю выросло до ~5:00
динамика Largest Contentful Paint за год (Google PageSpeed Insights): переход из красной зоны «плохо» в зелёную «хорошо» к октябрю–ноябрю 2025
- Технические: сложный легаси-код, который нельзя было переписать с нуля.
- Редакционные: жёсткие стандарты журналистов по подаче материалов и вёрстке.
- Коммерческие: обширная сетка баннерных мест, оплаченных рекламодателями надолго вперёд — важно было сохранить все позиции с их размерами, чтобы не нарушить контракты.
- Исследование и концептуализация. Провела ресерч на три фронта: разобрала конкурентов — РИА Новости, РБК, Известия, Интерфакс — по навигации, читаемости и рекламным местам; поговорила с редакцией о работе с контентом и с читателями — что мешает в навигации; проанализировала карты кликов и тепловые карты, чтобы найти, где пользователи теряются. На основе этого вместе с аналитиками, SEO-специалистом и заказчиком разработала несколько концепций и выбрала оптимальную.
карты кликов Яндекс.Метрики по старой версии сайта, черновой скетч структуры раздела и рабочие записи по ходу редизайна
Перед встречей с заказчиками отдельно расписала по разделам сайта, что сейчас работает не так и какие вопросы нужно закрыть, — чтобы прийти на встречу с конкретными гипотезами и вариантами решения, а не обсуждать проблемы с нуля.
фрагменты подготовительного документа: меню и структура разделов, лупканал и видео, поиск, пресс-центр
Экран файла с итерациями поиска нового фирменного стиля и расположения блоков на сайте tass.ru
- UI-kit. Разработала UI-Kit с учётом ограничений кода, «защищённых» рекламных зон и брендбука компании — важно было не потерять узнаваемость ТАСС как известного бренда: команда разработки и дизайнеры собирают новые страницы и рубрики из готовых компонентов, без вёрстки каждой с нуля. Позже на основе этого UI-kit выросла полноценная дизайн-система для всей экосистемы ТАСС — сегодня благодаря ей сборка новых страниц у дизайнеров занимает до 1 часа. Подробнее про дизайн-систему и как это устроено рассказала тут.
фрагменты некоторых компонентов дизайн-системы
- Редизайн. Пересобрала все страницы сайта на новой сетке UI-kit: выстроила понятную визуальную иерархию, улучшила читаемость и структуру текстовых блоков, упростила навигацию.
- Рекламная сетка. Отдельно вписала всю рекламную сетку в новую вёрстку, не нарушив ни размеры, ни позиции баннерных мест — это были контракты с рекламодателями, оплаченные надолго вперёд, и любое расхождение означало бы репутационный и финансовый риск для агентства.
визуальное сравнение вёрстки: новая сетка, иерархия блоков и интеграция рекламы
Единая сетка не всем казалась однозначным решением — вот как объясняла логику коллегам, когда возникали вопросы:
переписка с коллегами: почему сетка одинаковая для всех продуктов ТАСС и почему это осознанное ограничение, а не недосмотр
- Внутренний запуск. Закрытый запуск на сотрудниках агентства: собрала фидбек и закрыла баги до того, как редизайн увидели читатели. Нашли только UI-баги: в шапке блок «Сюжеты» в горизонтальной карусели выглядел «обрезанным» — казалось, что это баг вёрстки, решила небольшим оверлеем справа, который явно показывает, что в карусели есть ещё карточки; в нескольких местах съехали кнопки — починили. Остальные правки были на вкус — записали в беклог и часть учли по ходу дальнейшей работы.
- Общий трафик сайта вырос на 73%, прямые заходы — на 99%, просмотры главной страницы — на 50%.
- Пользователи стали проводить на сайте больше времени: +120% ко времени на сайте и +23% к глубине просмотра.
- Все три Core Web Vitals сайта tass.ru (LCP: 2,1 сек, INP: 165 мс, CLS: 0) в зоне «хорошо» и стабильно держатся такими — в среднем на 30% лучше, чем было до редизайна. По данным Search Console, за 2025 год оценка «хорошо» для загрузки и визуальной стабильности не менялась, отзывчивость (INP) продолжает улучшаться
данные Яндекс.Метрики за период октябрь 2024–октябрь 2025; Core Web Vitals — Google Search Console / PageSpeed Insights, ноябрь 2025
😇 Телеграм-канал «Медиатехнолог» (100k+ подписчиков) отметил новый дизайн в своём посте.
