×
Редизайн сайта «Коммерсантъ»: дизайн-система и новый фронтенд
За 9 месяцев мы сделали редизайн kommersant.ru: новую дизайн-систему, новый фронтенд, кэш, который держит сайт при сбоях бэкенда, и перенос архива с 2001 года.
- Медиа
- Дизайн-система
- Фронтенд
- CI/CD
- SEO
- 2026
- Команда CRT — 7 специалистов: тимлид, 2 фронтенд-разработчика, 3 дизайнера, менеджер проекта
- Со стороны «Коммерсанта» — больше 10 человек, работали в тесном взаимодействии
задача
Обновить сайт одного из главных деловых изданий страны с учётом существующего контента, бизнес-процессов и технических требований: новый облик и дизайн-система, новый фронтенд, запуск без потери архива, рекламы и поискового трафика.
Что сделали
- Дизайн-система — библиотека компонентов, сетки и навигация. Для главной — четыре концепции и больше десяти итераций согласования, по итогам разработки — дизайн-ревью каждой страницы
- Главная и страницы публикаций — ключевые точки, где читатели работают с контентом, переработали целиком
- Новый фронтенд — адаптивная вёрстка под пять разрешений, CI/CD, тесты на каждый блок работ, ИИ-агенты в разработке
- Кэш — материалы и страницы доступны, даже если бэкенд временно упал
- Нагрузочное тестирование до и после релиза по 11 сценариям — сайт держит до 700 запросов в секунду
- Умный поиск с ИИ-ассистентом — движок разработал «Коммерсантъ», интерфейс — мы
- Бесшовный переход — архив публикаций с 2001 года в новой вёрстке, перенесённые и улучшенные рекламные интеграции, комплексная SEO-подготовка
- Документацию API подготовили вместе с командой заказчика
ключевые страницы
Ключевые страницы нового сайта
Главная, публикация, раздел, радио и поиск с ИИ. Окно само прокручивает страницу, внутри можно листать. Серые плашки — рекламные места.
поиск с ии
Умный поиск: ассистент отвечает по материалам «Коммерсанта»
Движок разработал «Коммерсантъ», интерфейс — мы. Выберите запрос: ответы настоящие, их дал ассистент kommersant.ru 28 октября 2026 года.
Результаты поиска
Найдено 200 документов
адаптивность
Пять разрешений — от телефона до широкого экрана
Потяните ползунок или выберите экран: вёрстка главной перестраивается под каждую ширину.
надёжность
Сайт открывается, даже если бэкенд упал
Мы разработали систему кэширования: контент остаётся доступным при временных сбоях бэкенда. Попробуйте сами — выключите бэкенд.
200 OK
Материалы приходят с бэкенда и сохраняются в кэш.
0запросов в секунду
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
Нажмите «Запустить»: нагрузка вырастет до 700 запросов в секунду по 11 сценариям, как на тестах до и после релиза.
как работали
9 месяцев одной командой с «Коммерсантом»
- 4дизайн-концепции главной
- 10+итераций согласования с несколькими уровнями заказчика
- 5разрешений в новом фронтенде, дизайн-ревью каждой страницы
- 2001год, с которого перенесли архив публикаций
- 11сценариев нагрузочного тестирования
- Релиздизайн-ревью каждой страницы, тесты каждого блока
7специалистов CRT
- Тимлид1
- Фронтенд2
- Дизайн3
- Менеджер проекта1
2 200 человеко-часов, ИИ-агенты в разработке, CI/CD
10+ итераций главной
документация API
дизайн-ревью страниц
10+человек со стороны «Коммерсанта»
работали в тесном взаимодействии, решения согласовывали с несколькими уровнями заказчика
ещё кейсы
Другие проекты
Нужен похожий проект?
Расскажите о задаче: разберём её и предложим решение. Бесплатно.
Алексей СырчинГенеральный директор
